Website/Blog Me ‘Back To Top’ Button Kaise Add Kare

2

How to Add Back to Top Button in Blog | Blog Me Back To Top Button Kaise Add Kare? Dosto agar aapki koi Website ya Blog hai to aap sab ye jaroor jante honge ki kisi bhi Website or Blog ke liye ‘Back To Top‘ Button kitna jarrori hai. Dosto ‘Back To Top’ Lgane se hamare visitor ko header tak pahuchane me aasani hoti hai. wese to jyadatar Blogger Template or WordPress Theme me ye button already lga hua aata hai lekin kuch me nahi hota to dosto agar aapke blog/Website me bhi ye button laga hua nhi hai to aaj ki hmari ye post ko padhkar seekhe ki aakhir Coding ki help se apne Blog/Website me  ‘Back To Top’ Button kaise lagaye.



 

‘Back To Top’ Button Kaise Lagaye?

Step1: Sabse Phele apne Website/Blog ke Admin Panel me Login Kare.

 



Step2: Ab Neeche diye gye code ko copy kar le.
<style>
.ks-back-to-top {
 position: fixed;
 bottom: 2em;
 right: 15px;
 text-decoration: none;
 padding: 1em;
 display: none;
 cursor:pointer;
}
</style>
<img class="ks-back-to-top" src="Image Url" />
<script type="text/javascript">
/*****www.futuretricks.in***/
jQuery(document).ready(function() {
 var offset = 220;
 var duration = 500;
 jQuery(window).scroll(function() {
 if (jQuery(this).scrollTop() > offset) {
 jQuery('.ks-back-to-top').fadeIn(duration);
 } else { //https://www.futuretricks.in/
 jQuery('.ks-back-to-top').fadeOut(duration);
 }
 });

jQuery('.ks-back-to-top').click(function(event) {
 event.preventDefault();
 jQuery('html, body').animate({scrollTop: 0}, duration);
 return false;
 })
});
</script>

 



Step3: Code ko copy karne ke baad HTML Widgets me paste kar de…
Agar aapse html code ko Website/Blog me Add karna nhi aata hai to aap phele ye post pade:

Step4: Code ko save karne se phele Code ke ander Image Url ki jgha necche diye gye kise ek button ke code ko copy karke paste kar de. phir HTML Widget ko save kar de.

 
Style 1 : http://goo.gl/hXP25U

Style 2 : http://goo.gl/hQmgkt
Style 3 : http://goo.gl/Silz50
  Style 4 : http://goo.gl/zVAD3q
Step5: HTML Widget ko save karne ke baad apne Website/Blog ko check kar le. aapka ‘Back To Top’ Button Successfully add ho gya hoga.

 

to Guys es trha aap apne kisi bhi website or blog me Back to Top button add kar sakte hai. agar aapko aaj ki hmari ye post pasand aaye ho to share jarror kare. or koi bhi problem aa rhi ho to comment me puch le.

 

Thanks for Reading!  🙂 


2 COMMENTS

LEAVE A REPLY

Please enter your comment!
Please enter your name here