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

Please wait 0 seconds...

Scroll Down and click on Go to Link for destination

Congrats! Link is Generated

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?