Cara buat Tombol Back To Up di blogger

Fitur Back To Top/Scroll To Top adalah fitur navigasi blog yang berfungsi sebagai shortcut agar pengunjung bisa kembali ke bagian atas halaman blog dengan cepat dan hanya dalam satu klik. 

Tombol back to Top Blogspot kali ini berjenis melayang (floating) dan berada di bagian pojok kanan bawah. Kodenya pun sedehana dan tidak menggunakan javascript/jquery sehingga waktu muatnya lebih pendek. Script ini dibuat berdasarkan perintah link yang mengacu ke wrapper (#) dengan ditambah aturan CSS position-styling. Easy.

 

 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 sobat... ^_^ Fungsinya untuk notifikasi ke pengunjung tentang kegunaan tombol tersebut.

Alt Back to TOP lebih baik ditinggalkan begitu saja kalo-kalo gambar gagal dimuat browser jadi tulisan itu masih nongol sebagai pengganti.

Gunakan gambar berikut, klik kanan copy (save as), trus upload dan host sendiri ya gambarnya

4. Kalau sudah dimasukkan semuanya dan pastikan tidak ada yang terlewat, save template HTML-nya.

 

5. Complete !!!! Silahkan dicoba ^_^

Backlinks

URL

Code For Forum

HTML Code <a href='https://orochimaru-id.blogspot.com/2012/05/cara-buat-tombol-back-to-up-di-blogger.html' target='_blank'>Cara buat Tombol Back To Up di blogger</a>

Anda Sekarang Sedang Baca Artikel Tentang Cara buat Tombol Back To Up di blogger , Boleh Menyebar Luaskan Artikel Ini Atau Mengcopy Paste Artikel Cara buat Tombol Back To Up di blogger ini Jika Memang Berrmanfaat. Tapi Saya Harap Anda Jangan Lupa Menyertakan Link Cara buat Tombol Back To Up di blogger Sumbernya. Thank's

Rule For Leave A Comment

Hargai artikel ini dengan meninggalkan jejak berupa saran/komentar. Jejak anda akan membuat Author lebih bersemangat lagi untuk membuat artikel menarik lainnya, tapi sebelum kalian meninggalkan jejak kalian harus ikuti peraturannya :

1. Dilarang SPAM.

2. Berkomentarlah sesuai TOPIK.

3. Komentar yang keluar dari TOPIK akan Author DELETE.

4. Dilarang berkomentar yang berbau unsur SARA,PO*NO dan MENGHINA.