Scroll To Top Button For Blogger

Scroll To Top Button For Blogger

What is a back or scroll to top button ?

When a visitor scroll down a page of your website or blog at certain point ( which can be set ) arrow or button appears and when visitor click on it scroll position is set to top which means the page is auto scrolled to the top.


It feels very useful if you have long contents in your site and helps in more user engagements. It uses no external data and works very smoothly. You can easily customize it to match your site theme.

How to install back or scroll to top button ?


Step1: Paste below html codes before </body> tag in your html or you can also use widget in layout.

<button onclick="topFunction()" id="backtotop" title="Scroll to top">&#10151;</button><script>window.onscroll = function() {scrollFunction()};function scrollFunction() {if (document.body.scrollTop > 200 || document.documentElement.scrollTop > 200) {document.getElementById("backtotop").style.display = "block";}else{document.getElementById("backtotop").style.display = "none";}}function topFunction(){document.body.scrollTop = 0;document.documentElement.scrollTop = 0;}</script>

Step2: Paste below CSS before ]]></b:skin> in your html.

#backtotop{display:none;position:fixed;bottom:0px;right:20px;z-index:99;border:none;outline:none;background-color:transparent;color:#d80000;cursor:pointer;font-size:50px;border-radius:10px;transform:rotate(-90deg);}#backtotop:hover{color:#555}

Note: Change red bold hex value to change arrow color.

Step3: Save Changes.

3 comments:

  1. Firstly, thank you for your sharing about this development tips. I believe this article will useful for many readers.friv jogos online
    jogos online 2019
    friv jogos 4 school online

    ReplyDelete
  2. My entire working career up until that point had only been the safe route with a large corporation. You know the life. The daily grind. The BS you put up with because you figure this is the ONLY way. I even went on to get a psychology degree because the jobs I had been looking at required it. When I finished my degree I found that the amount of education I had was once again not enough.
    kizi 2 unblocked
    games online for kids
    friv kids 2019

    ReplyDelete
  3. Unfortunately there are just some all-too-common nutrients that we simply don't get enough of. And they're absolutely critical to optimal health and wellness. Especially as we age.
    Here I sifted through the supplements that are available on the market and boiled them down to three that can have the best effect for us.
    jogos para crianças
    jogos 360
    games io name

    ReplyDelete