Cara Membuat Top of Page Icon

Anda mungkin sering mendapat suatu halaman blog yang panjang sehingga untuk melihat keseluruhan halaman harus menggunakan down scroll pada mouse.Kalau sudah pada akhir halaman biasanya agak malas juga harus menggunanan up scroll pada mouse untuk kembali lagi pada awal halaman.

Kalau blog anda model kayak begini yang mempunyai halaman yang panjang, sebaiknya anda menggunakan suatu tombol yang biasa disebut Top of Page Button.Kali ini top of page button modelnya berupa floating button.Untuk membuat adalah sebagai berikut:

1. Login pada Blogger.
2. Klik Layout pada Dashboard anda.
3. Klik Add a Gadget.
4. Klik HTML / Javascript.
5. Masukkan kode berikut ini.
   
   <a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://img119.imageshack.us/img119/8589/arrowupcx2.gif" /></a>
   6.Selanjutnya Save
   Anda bisa mengganti gambar lain sesuai dengan keinginan anda.Bila ingin mengganti gambar, ganti alamat image pada kode diatas yaitu:
   
   dengan beberapa icon image berikut :
   URL :http://img119.imageshack.us/img119/8589/arrowupcx2.gif
   URL :http://i831.photobucket.com/albums/zz233/qcux80/go_top.png
   
   URL: http://sites.google.com/site/ruangsc/imgsb/scrolltop.png
   
   dan sebagainya
   
   
   

Selamat Mencoba...

Diambil dari Marchsya Blog

Related Posts : Membuat Floating, Tips dan Triks