Home Tutorial Tutorial Blogger Membuat Tombol Kembali ke Atas / Back to Top

Jika blog sobat terlalu panjang, kadang kita capek harus mengembalikan ke tampilan atas blog kita. Saat sampai di paling bawah atau juga tidak terlalu di bawah kita ingin ke atas, jadi kita harus memutar grid mouse itu. Ada solusinya supaya dengan 1 kali klik kita akan kembali ke atas blog yaitu dengan membuat tombol "Kembali ke Atas" atau "Back To Top".
Ini di manfaat dari menambah tombol back to top, kita dapat dengan mudah kembali ke atas. Tinggal mengklik button itu kita akan langsung ke atas (top).

Cara Menambahkan Button Back To Top
  • Masuk ke blogger
  • Buka menu Design/Rancangan
  • Pilih Page Element/Elemen Laman
  • Add a gadget/Tambahkan Gadget
  • Pilih HTML/Javascript dan masukkan kode berikut,
<style type="text/css">.backtotop a:hover {background:none;}</style><div class="backtotop"><a style="display:scroll;position:fixed;bottom:5px;right:5px;" class="backtotop" href="#" rel="nofollow" title="Back to Top"><img style="border:0;" src="https://lh3.googleusercontent.com/-F-CLq8hdKjo/Tdd76cxGdoI/AAAAAAAAAes/IjlPUKjHo2c/back%252520to%252520top%252520copy.png" /></a></div>

Ket.
Jika sobat ingin mengunakan image/gambar yang saya miliki, silahkan copy saja seluruh html diatas. Tetapi jika sobat ingin mengganti image/gambar tombol dengan gambar sobat sendiri, ganti "https://lh3.googleusercontent.com/-F-CLq8hdKjo/Tdd76cxGdoI/AAAAAAAAAes/IjlPUKjHo2c/back%252520to%252520top%252520copy.png" dengan Lokasi image/gambar sobat

7. Simpan Template jika sudah selesai.
,
Share To:

Hanifa

View Profile

Post A Comment: