Blogger में Scroll Back To Top Button कैसे Add करे

Scroll Back To Top Button Blogger का एक छोटा लेकिन बहुत useful feature है। जब visitor पेज को नीचे तक scroll कर लेता है, तब यह button उसे एक क्लिक में वापस ऊपर ले जाता है, जिससे user experience बेहतर होता है।

• Step 1: https://www.blogger.com पर जाएँ

• Step 2: अपने Gmail ID से Login करें

• Step 3: अपना Blog select करें

• Step 4: Theme → Customize → Advanced → Add CSS

• Step 5: नीचे दिया CSS paste करें और Save करें

#backToTop {
  position: fixed;
  bottom: 25px;
  right: 20px;
  background: #ff6600;
  color: #fff;
  padding: 10px 14px;
  border-radius: 50%;
  cursor: pointer;
  display: none;
  font-size: 16px;
}

• Step 6: Theme → Edit HTML </body> के ऊपर नीचे दिया code paste करें

<div id="backToTop">↑</div>
<script>
var btn = document.getElementById("backToTop");
window.onscroll = function() {
  btn.style.display = (document.documentElement.scrollTop > 200) ? "block" : "none";
};
btn.onclick = function() {
  window.scrollTo({top: 0, behavior: 'smooth'});
};
</script>

• Step 7: Save करें

हो गया। Blogger में Scroll Back To Top Button add करने से ब्लॉग ज्यादा user-friendly बनता है। इससे visitor को बार-बार scroll नहीं करना पड़ता और वेबसाइट professional भी दिखती है। यह feature खासकर mobile users के लिए बहुत फायदेमंद है।