Cara Memasang Back To Top Terbaik Untuk Blog - Tombol Kembali Ke Atas
Cara Memasang Back to Top Terbaik untuk Blog
Berikut ini isyarat tombol kembali ke atas yang dipasang di blog CB. Pastikan ada link ke awesome font di atas isyarat </head> menyerupai ini:
1. Tema > Edit HTML
3. Kode JavaScript Back to Top Terbaik untuk Blog ini di atas isyarat </body>
Demikian Cara Memasang Back to Top untuk Blogger. Masih banyak desain atau cara lain memasang Back to Top.*
Sumber https://testemplatecb.blogspot.com/
Back to Top adalah Tombol kembali ke Atas di halaman blog. Biasanya muncul dikala halaman discroll ke bawah, muncul icon panah ke atas. Begitu diklik, halaman blog akan kembali ke bab teratas.
Cara Pasang Back to Top
Berikut ini isyarat tombol kembali ke atas yang dipasang di blog CB. Pastikan ada link ke awesome font di atas isyarat </head> menyerupai ini:
<link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>
2. Pasang Kode CSS Back to Top Terbaik untuk Blog berikut ini di atas isyarat ]]></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 isyarat </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() > 200) {
$('#back-to-top').fadeIn();
} else {
$('#back-to-top').fadeOut();
}
});
$('#back-to-top').hide().click(function() {
$('html, body').animate({scrollTop:0}, 1000);
return false;
});
</script>
4. Simpan Template!