How to add Back to Top Button in blogger site?

✪ Add Back to Top button in blogger, follow these steps:

Go to Blogger Template
Click on Edit HTML

Type Ctrl+F and find <head> tag and paste the code after <head> tag and click on save template.

➧ First Code :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script>

Go to Blogger Layout and click on Add a Gadget
Click the HTML/JavaScript Gadget.

Paste the Code in Content area then click Save button.

➧ Second Code :

<script>
jQuery(document).ready(function() {
var offset = 220;
var duration = 500;
jQuery(window).scroll(function() {
if (jQuery(this).scrollTop() > offset) {
jQuery('.back-to-top').fadeIn(duration);
} else {
jQuery('.back-to-top').fadeOut(duration);
}
});
jQuery('.back-to-top').click(function(event) {
event.preventDefault();
jQuery('html, body').animate({scrollTop: 0}, duration);
return false;
})
});
</script>
<style>
div#page {
max-width: 900px;
margin-left: auto;
margin-right: auto;
padding: 20px;
}
.back-to-top {
position: fixed;
bottom: 2em;
right: 0px;
text-decoration: none;
color: #000000;
background-color: rgba(235, 235, 235, 0.80);
font-size: 12px;
padding: 1em;
display: none;
}
.back-to-top:hover {
text-decoration: none;
}
</style>
<a href="#" class="back-to-top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoQf_5o3tkFcM8OJaRRO_CEK2UcfketcwV_CFi4QWXV98os5rm_9criQ09SKaPiT9EvXB6TDmIKYggad1wVMeA-OdSL6CkURM2n5sDlPVPzp0rYzJnlxlvz8yhIyD-kmE-qHY2aWhrlacR/s1600/back+to+top+.png" alt="Back to Top" / ></a>

Click here for more stylish code

Blog | Ezaj Hossain

How to add Back to Top Button in blogger site?

✪ Add Back to Top button in blogger, follow these steps:

➧ First Code :

➧ Second Code :

➧ View on YouTube :

Post a Comment

How to remove blogger Subscribe to: Post Comments (Atom) links?

How to add social media icons in blogger website?

How to add recent post widget to your blogger site?

How to embed YouTube video on blogger website?

How to add stylish search box widget to blogger website?

How to hide or remove Subscribe to Posts (Atom) in Blogger?

How to add Facebook plugin in blogger website?

How to upload pdf file in blogger website?

Ezaj Hossain