Cara Memasang Tombol 'Back To Top' di Blogspot Dengan Mudah- Cara Pasang Tombol Back To Top ini sudah populer di Internet, mulai dari berbagai efek yang di berikan begitu menarik, namun kali ini saya akan share yang sederhana namun pasti saja, contoh demonya bisa lihat di Blog saya ini.
Bagiaman cara memasang Tombol ini ? langsung saja kita masuk ke TKP, Hehe, yang perlu dilakukan cuma menambahkan kode saja kok, tidak usah ribet-ribet.
- Masuk Ke Blogger
- Masuk Pada Edit Template
- Cari Kode </head>
- Dan letakkan kode ini diatasnya.
<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() {
$("#MD-StoTop").scrollToTop();
});
</script>
- Setelah Itu cari kode ]]></b:skin>
- Letakkan Kode dibawah ini sebelum kode ]]></b:skin>
#MD-StoTop {padding:12px;position:fixed;bottom:5px;right:3px;cursor:pointer;z-index:999}
- Belum Selesai, langkah selanjutnya cari Kode </body>
- Letakkan kode dibawah ini sebelum kode </body>
<a href='#' id='MD-StoTop'><img alt='back to top' src='http://2.bp.blogspot.com/-USm_7qiKVXc/UxUYG09tz_I/AAAAAAAACTA/6BRDkVAwLek/s1600/backtotop.PNG'/></a>
- Di kode </body> itu merupakan kode URL gambar, bisa diganti sesuai dengan selera.
- Save template
Nah begitulah cara Memasang Tombol Back to top keren dan simpel di Blog, jika masih kurang paham , silahkan ditanyakan.