Destino Solutions

+91 9747866100

Auto Scroll ‘Back to Top’ Widget Add to Blogger Blog

March 26th, 2014

Add ‘Go to Top’ button widget For Blogspot blog, we can call varied names to scroll widget Back to top, Go to Top, Auto Scroll and Scroll to top. how is scroll widget help with your blogger blog? It is easily navigate your blog Page bottom to top (Auto Scroll) it will be defiantly help long length posts or many comments included posts, Scroll widget is Efficient and very  helpful for blog readers.

Back to top Widget for Website or Blog

                                           ‘Back to top’ widget is very simple to add blogger blog and user friendly
firstly you decide where you want to add ‘back to top’ widget, I think it is Perfectly fit your Blogger footer section.

Follow Steps 

Note : Backup Blogger Template After do following Steps
Go to Blogger > Template > Edit HTML
Find following html code (Ctrl+F).

</footer>

Just Above Paste following Html code.

<div class="gotop" style="display:inline-block">
<a href="#">Back to Top ↑</a></div>

After Add more extra CSS customization  for make better look
Find following html code (Ctrl+F).

]]></b:skin>

Just Above Paste Following CSS

.gotop {
    padding: 3px 8px 3px 8px;
    background: transparent;
    box-shadow: inset 0px 0px 3px;
    border-radius: 3px;
}
.gotop:hover {
    background: #fff;
    box-shadow: inset 0px 0px 5px;
}

Save Template, You are successfully finished for add Back to top Widget.

Categories: BloggerBlogger Widget