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