Tombol Back to Top atau widget Back to Top merupakan sebuah fitur penting dalam sebuah blog, karena memudahkan pengunjung blog untuk menaikkan kembali ke posisi atas tanpa harus menarik scrool, sehingga pengunjung tidak repot-repot untuk menaikkan scroolnya. Itu mengapa hampir di semua situs atau blog, pasti ditambahkan fitur Back to Top. Sehingga pada saat seseorang membaca sebuah artikel yang panjang maka untuk kembalinya ke atas lebih mudah. Apakah di Blog anda telah di pasang widget Back to Top, jika belum segera pasang, Wes Pokoke Pasang he he..
Tidak hanya tampilan blog yang terlihat menarik, namun sisi profesionalitas akan terlihat jika telah tersedia fitur-fitur penting dalam blog, walaupun terkadang akan sedikit memberatkan blog namun properti tersebut memanglah sangat dibutuhkan. Fitur yang lain yang merupakan unsur Penting dalam sebuah blog adalah Popular Posts, untuk yang belum memasang Popular Posts silahkan bisa lihat DISINI. Untuk mencakup semua element blog maka perlu ditambahkan fitur baru yang bernama Related Posts, Untuk Related Posts kalian bisa melihatnya DISINI. Nah sekarang langsung ya Gaes Cekidot Cara menambahkan Widget Back to Top di Blog :
1. Log In ke Blog dashbor; Edit Tema;
2. Cari Kode ]]></b:skin> Lalu pasang kode di bawah ini di atas kode tersebut ;
#back-top{position:fixed;top:100%;margin-top:-55px;right:4px}
#back-top a{width:50px;display:block;text-align:center;text-transform:uppercase;text-decoration:none;color:#bbb}
#back-top a:hover{color:#000}#back-top span{width:52px;height:52px;display:block;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS32tSEMbQT8SKO5epfXMhzX4AjxJErJ1HRS62RJF9L3zYXkWC_k-lULxLZzlu0Q6Gu2VGs8v3BgLI_MV5nzBy5yU2HeK5pgoVPuMCtbedQ0mZ64spWLsrhvjEKGUtdiSGKI6x_YuOjBTk/s1600/top.png);background-repeat:no-repeat;background-position:center center;opacity:.7}
#back-top a:hover span{opacity:1}
3. Masih di Edite Template, Cari kode </body> Selalu Gunakan atau tekan Keyboard Control f agar mudah mencarinya ; Pasang kode di bawah ini tepat diatas kode tersebut;
<script type='text/javascript'>
jQuery(document).ready(function(){jQuery("#back-top").hide();jQuery(function(){jQuery(window).scroll(function(){100<jQuery(this).scrollTop()?jQuery("#back-top").fadeIn():jQuery("#back-top").fadeOut()});jQuery("#back-top a").click(function(){jQuery("body,html").animate({scrollTop:0},800);return!1})})});
</script>
4. Simpan Tema. Selesai, Nah bagi sobat yang ingin memasang Recent Post bergaya slider bisa lihat DISINI ya gaes...
Post a Comment