Simple Scroll To Top Button For Websites

Click to Enlarge

Scroll to top button is used for easy scrolling to top of the page while you're on footer or everywhere in the page.
Scroll to top button using CSS is really simple to integrate in your blogger blog.

Let's Start [# Step-1]

# First make a link using a tag as shown below,

<div class="cbts2t">
<a href="#">Scroll to Top</a>
</div>

# You can change Scroll to Top to any text either 'Back to Top' or 'Go to Top'.
# Now copy and paste the whole <a> code above </body.
# After adding link, Let's style the link,

Style [# Step-2]

# Open Blogger Dashboard,
# Navigate to template
# Backup Your Template
# Click Edit Html
# Copy the below CSS code just above the ]]></b:skin> (Otherwise Read Full Instruction For Adding CSS).

 .cbts2t a
{
padding:10px 5px;
background:rgba(0,0,0,0.7);
color:#fff;
text-decoration:none;
position:fixed;
right:10px;
bottom:0px;
}

# Now you're Done.
# Save Template After previewing Styles.
# You can choose your custom color and background.
# For more help, Ask us in comments.