(Wondering what I'm talking about? Try scrolling down my blog and look in the bottom right hand corner. Nifty, right?)
Go to your dashboard > design tab > edit HTML section.
First search for this piece of code in your HTML:
]]></b:skin>
Directly after that copy and paste this code:
<style type='text/css'>
#w2b-StoTop {-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; width:50px;background-color: #EEEEEE;background-color: rgba(238, 238, 238, 0.6);filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99EEEEEE',EndColorStr='#99EEEEEE');text-align:center;padding:5px;position:fixed;bottom:5px;right:5px;cursor:pointer;color:#444;text-decoration:none;border:1px solid #C9C9C9;}
</style>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(function() {
$.fn.scrollToTop = function() {
$(this).hide().removeAttr("href");
if ($(window).scrollTop() != "0") {
$(this).fadeIn("slow")
}
var scrollDiv = $(this);
$(window).scroll(function() {
if ($(window).scrollTop() == "0") {
$(scrollDiv).fadeOut("slow")
} else {
$(scrollDiv).fadeIn("slow")
}
});
$(this).click(function() {
$("html, body").animate({
scrollTop: 0
}, "slow")
})
}
});
$(function() {
$("#w2b-StoTop").scrollToTop();
});
</script>
<a href='#' id='w2b-StoTop' style='display:none;'>Scroll to <br>Top</br></a>
Save your changes and enjoy your new scroll to top button!
You can always customize how it looks by editing the style section of the code you just copied and pasted. If you have any questions, don't hesitate to ask!
School officially starts today. It is going to be one busy year! This semester I'm taking H. Modern World Studies, German III, Drawing and Design I, Trig and Pre-Calc, PSSA Math Prep, and Career Path 3. Plus I'm doing a photography course and a Bible study on my own. =D
Have you started school yet?
Love in Christ,