Nih Cara Menambahkan Tombol Back To Top (Kembali Ke Atas) Pada Blogger
Kegunaan tombol (button) kembali ke atas (back to top) yaitu untuk memudahkan para pembaca blog untuk kembali ke atas atau postingan yang paling awal. Back to top ini sangat mempunyai kegunaan bagi web blog yang mempunyai ulasan postingan sangat panjang sehingga tidak pelu menggeser scroll untuk kembali ke atas, cukup dengan menekan tombol back to top.
Cara memasang tombol back to top pada halaman blogger :
1. Copy isyarat berikut ini (ada dua kode, pilih salah satu).
Kode pertama (1)
Kode kedua (2)
2. Tambahkan Gadget > HML/ Java Script. Paste isyarat di atas dan simpan.
<span class='back-to-top'><a href='#'> ↑ </a></span><span class='back-to-top-a'><a href='http:///'>Teknologi Virtual</a></span><style>.back-to-top {position: fixed ;bottom:20px;right:10px;z-index:9999999}.back-to-top-a {font-size:10px;z-index:9999999;opacity:0.2;position:fixed;bottom:0;}.back-to-top a {font-size: 30px ;background-color: #DD3434 ;color:#FFF;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;padding:12px 18px 20px;text-decoration: none}.back-to-top a:hover {background-color: #272727 ;text-decoration: none}</style>Catatan : ganti http:// dengan URL blog Anda.
Kode kedua (2)
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Nih Cara Menambahkan Tombol Back to Top (Kembali ke Atas) Pada Blogger"><img alt=" yaitu untuk memudahkan para pembaca blog untuk kembali ke atas atau postingan yang palin Nih Cara Menambahkan Tombol Back to Top (Kembali ke Atas) Pada Blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTlPIYWY-OVaKX_6nGikSi98A0ht-EbzPvEiucQWh_zTP1uyJo9VYZ1zA0h1p-VXn1RNta8ozZT77rly6SJ4yNG_yxESW7V9StMrIXDm2MYdn8QZGSedML6YV6p08HGxPGBrHksNwdaNw/s1600/BackToTop.png"/></a>Catatan : ganti link gambar yang berwarna merah dengan link gambar Anda (mengganti tombol back to top).
2. Tambahkan Gadget > HML/ Java Script. Paste isyarat di atas dan simpan.
Related Posts