Install Back To Top Button with SVG - Guide in Hindi

Install Back To Top Button with SVG - Guide in Hindi Install Back To Top Button with SVG - Hello and welcome to my first post. Friends aaj ki is post me main apko btaunga kaise aap apne blog ke liye behtrin Top Button with SVG install kar sakte hain.

Ho sakta hai ki apko is function ke baare me pahle se pta ho. Apki jaankari ke liye bta du ki Back to Top button ek aisa function hota hai jo apke page ko single click par uper le jata hai. Isme apko scroll bar ko manually drag nahi karna pdta. Ye basically tab kaam aata hai jab apke blog ka article kafi lamba hota hai. 

Jab user ko lagta hai ki ab use page ke upper section me jana hai to is Top Butoon ki madad se single click se aaram se pahunch sakte hain. To agar aap bhi aapne blogger blog me Back To Top Button with SVG Install karna chahte hain to is article ko dhayan se read karen. 

How to Install the Back To Top Button with SVG

Sabse pahle aap apne blogger dashboard me jayen. Iske baad Theme par click karke Edit HTML par jayen. Ab aapko </head> se pahle niche diya hua code paste karna hai.

<style>
/* Back To Top */
.backtotop{display:none;background:#3c6382;color:#fff;font-size:1.4em;width:40px;height:40px;line-height:40px;outline:0;z-index:999;bottom:20px;right:20px;position:fixed;border-radius:5px;padding:0;text-align:center;cursor:pointer;opacity:1;transition:all .25s}.backtotop svg{width:24px;height:24px;transform:rotate(90deg);vertical-align:middle;transition:all .25s}.backtotop:hover{background:#0a3d62}
</style>

Iske baad apko </body> se pahle ye niche wala code paste karna hai.
<div class='backtotop hide'><svg viewBox='0 0 24 24'>
  <path d='M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z' fill='#fff'/>
</svg></div>
<script>
//<![CDATA[
$(function(){$(window).scroll(function(){$(this).scrollTop()>100?$(".backtotop").fadeIn():$(".backtotop").fadeOut()}),$(".backtotop").click(function(){return $("html,body").animate({scrollTop:0},400),!1})});
//]]>
</script>
Ab aap Save Button par click karke theme ko save kar sakte hain. Aise karte hi apke blog me Back to Top Button with SVG Install ho jayega.

To dosto ye thi jaankari Install Back To Top Button with SVG - Guide in Hindi ki. Umeed karte hain apko ye article useful laga hoga. Agar aapko is article se related koi problem aa rhi hai to aap niche diye comment box me mujhe batayen. Main apki problem jarur solve karunga. Thanks for visiting Techno Dhiman.

0 Comments

Oldest