Subscribe Our YouTube Channel Subscribe Now

How To Add Special Mouse Click Effect in Blogger?

Hello friends, if you want to add a special mouse click effect to your blogger website, I have told you about the steps you have to follow in this pos

Hello friends, if you want to add a special mouse click effect to your blogger website, I have told you about the steps you have to follow in this post, then read this post till the last and follow all the steps. Follow properly so that you can add a special mouse click effect to your blogger website.



How To Add Special Mouse Click Effect in Blogger

  • Step 1:- First Go To Blogger Dashboard
  • Step 2:- Then log in to Your Account.
  • Step 3:- Then Click on Theme In The Menu.
  • Step 4:- After That Click on Edit Html.
  • Step 5:- Then Copy The Code Given Below And Paste It Under The <head>
<style type='text/css'>
/* Mouse Click By Www.mobicomptech.Com */
.mteffect{width:60px;height:60px;border-radius:99em;border:3px solid #6200ee;position:fixed;left:50%;transform:scale(0.5);display:none;z-index:999}.mteffect.active{display:block;animation:mteffect 0.4s ease-out forwards}
@keyframes mteffect{from{transform:scale(0.2);opacity:1}to{transform:scale(1);opacity:0}}
</style>

You Can Change The Width And Height Of The Click Effecct Acording To Your Blogger Template

Do it Carefuly
  • Step 6:- Copy The Code Given Below And Paste It Before The </body>
<script>//<![CDATA[
$("body").append($('<span class="mteffect"></span>')),$(document).on("click",function(n){var i=n.clientX,a=n.clientY;$(".mteffect").css({top:a-30,left:i-30}).addClass("active")}),$(".mteffect").on("animationend webkitAnimationEnd oAnimationEnd oanimationend MSAnimationEnd",function(){$(".mteffect").removeClass("active")});
//]]>
</script>

Now Save You Theme And Visit Your Website And Click On Any Post To See The Effect

Video Tutorial For How To Add Special Mouse Click Effect in Blogger?


Stay connected With itsutkarshk And Follow Us On Instagram & Facebook Subscribe Our YouTube Channel

About the Author

Best place to get information and about tech, youtube, facebook, whatsapp, online earning, blogging & SEO, gadgets, sarkari result, sarkari naukari.

Post a Comment

Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.