Cara Memasang Back to Top Terbaik untuk Blog - Tombol kembali ke Atas

Baca Juga

Cara Memasang Back to Top Terbaik untuk Blog 

Back to Top adalah Tombol kembali ke Atas di halaman blog. Biasanya muncul saat halaman discroll ke bawah, muncul icon panah ke atas. Begitu diklik, halaman blog akan kembali ke bagian teratas.

Cara Pasang Back to Top

Berikut ini kode tombol kembali ke atas yang dipasang di blog CB. Pastikan ada link ke awesome font di atas kode </head> seperti ini:

<link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>

1. Tema > Edit HTML

2. Pasang Kode CSS Back to Top Terbaik untuk Blog berikut ini di atas kode ]]></b:skin>

#back-to-top {background: #E73037;color: #ffffff;padding: 8px 10px; font-size:24px}
.back-to-top {position:fixed!important;position:absolute;bottom:20px;right:20px;z-index:999}

3. Kode JavaScript Back to Top Terbaik untuk Blog ini di atas kode </body>

<div class='back-to-top'>
<a href='#' id='back-to-top' title='back to top'>
<i class='fa fa-chevron-up'/>
</a></div>
<script>
$(window).scroll(function() {
if($(this).scrollTop() &gt; 200) {
$(&#39;#back-to-top&#39;).fadeIn();
} else {
$(&#39;#back-to-top&#39;).fadeOut();
}
});
$(&#39;#back-to-top&#39;).hide().click(function() {
$(&#39;html, body&#39;).animate({scrollTop:0}, 1000);
return false;
});
</script>

4. Simpan Template!

Demikian Cara Memasang Back to Top untuk Blogger. Masih banyak desain atau cara lain memasang Back to Top.*