Cara Membuat Tombol Back To Top di Blogger

Back to Top Button atau Tombol Kembali ke Atas adalah fitur blog yang mempermudah pengunjung/visitor blog kembali ke bagian atas halaman dengan sekali klik tanpa melakukan mouse scrolling. Efeknya sangat besar sekali terutama bagi blog yang memiliki halaman panjang. Letak dari tombol fitur back to top kali ini ada di bagian footer sebelah kanan.

Cara menambahkan fitur 'Back To Top' untuk Blogger-Blogspot:

1. Masuk ke edit HTML.
2. Cari kode tag </body> (Ctrl+F)
3. Masukkan kode berikut di atas </body>:
<a href='#' style='position: fixed; right: 15px; bottom: 15px; outline: medium none; border: 0px none;' title='Back to Top'><img alt='Back to Top' border='0'src='alamat url gambar Back to Top-mu'/></a>
Ganti title Back to Top dengan kata-kata yang disuka, misalnya 'return to top', 'kembali ke atas', 'balik ke atas', 'meluncur ke atas', 'balikan nyook', atau 'kembali ke laptop'... terserahlah, suka-suka elo... Fungsinya untuk notifikasi ke pengunjung tentang kegunaan tombol tersebut.
di bawah ini ada beberapa contoh gambar back to top yang bisa anda gunakan.


Berikut contoh kode back to top menggunakan gambar:
<a href='#' style='position: fixed; right: 15px; bottom: 15px; outline: medium none; border: 0px none;' title='Back to Top'><img alt='Back to Top' border='0' src='http://2.bp.blogspot.com/-7hxJBKdoQ08/Th2vmfF2YcI/AAAAAAAAAZg/sWg9Iqf_vCA/s1600/go-top.png'/></a>
Ganti tulisan yang berwarna biru dengan alamat image/gambar back to top anda

4. Jika sudah simpan / Save Template

5. Selesai, dan semoga bermanfa'at

0 komentar:

Post a Comment