Cara Pasang Button Back To Top Blogspot

Iklan
Tombol Back To Top blog ini berfungsi untuk mempermudah pengunjung blog sobat yang membaca artikel yang panjang kembali ke top / atas dengan sekali klik. Button back To Top ini akan sangat berguna jika artikel sobat / blog sobat memanjang ke bawah. jadi, tidak perlu lagi memutar scroll ke atas hanya dengan sekali klik akan kembali ke atas.

Contohnya sobat bisa lihat pada blog ini, perhatikan paling bawah sebelah kanan. icon kecil tersebut merupakan Button Back To Top. Silahkan klik untuk mencobanya. Secara otomatis anda akan dibawa ke bagian paling atas blog ini.

Tampilannya seperti gambar dibawah ini :



Untuk membuat berikut caranya :


1. Login blog sobat,
2. Lalu buka => Tata Letak => Elemen Halaman => Tambah Gadget => HTML/Javascript
3. Lalu copy kan kode berikut kedalamnya :
<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="http://1.bp.blogspot.com/_u4gySN2ZgqE/SukYqBahTkI/AAAAAAAABCc/QVxl3cG5_90/s400/back-to-top.gif" /></a></div>
=> Yang berwarna merah merupakan gambar / icon yang akan tampil nantinya. Sobat bisa ganti URL gambar tersebut dengan Url gambar sobat yang lainnya jika punya, kalau mau menggunakan gambar di atas silahkan saja.

4. Lalu save. Dan lihat hasilnya cuy.. :)
Selamat menggunakan sob...

Credit : Kucoba