Cara membuat Icon Back To Top

Sebelumnya terima kasih sudah membaca blog ini, sekarang kita akan membahas cara membuat icon back to top pada pojok blog kita, fungsi back to top sudah tahu kan, ya benar untuk mempercepat kita keatas blog, daripada kita menggerakan mouse keatas, mendingan langsung klik icon back to topnya saja atau kembali keatas.

1. Siapkan gambar dulu, bisa di upload di “photobucket, blogger uploader, dll”, jika anda sudah mempunyai gambar yang ditentukan harap menunggu untuk step selanjutnya

2. Login ke Blogger, lalu Tata Letak(Layout), lalu Add Gadget (Tambah Gadget), pilih tanda + pada HTML/Javascript

3. Isikan seperti dibawah ini

<a href='#' style='display:scroll;position:fixed;

Bottom:0px;right:0px;' title='Back To Top'><img src='URL Picture Back To Top'/></a>

Keterangan:

a. URL(LINK) = link yang akan kamu tuju, misalnya link blog kamu

b. Right = posisi gambar, bisa diganti “left”, jika gambar mau ditampilkan di kiri pojok

c. URL Picture = url gambar yang akan kamu buat di pojok, misalnya kamu arahkan mouse kamu digambar yang akan kamu buat, lalu klik kanan dan pilih “Copy Image Location”, dan paste-kan

d. # = harus ada, tidak boleh di hapus

4. Setelah copy kode diatas, save, dan lihat template

^^Kode Icon Image Back To Top Dibawah^^

http://i15.photobucket.com/albums/a398/syilpid/Backtotopbiru.png
http://i15.photobucket.com/albums/a398/syilpid/Backtotopmerah.png
http://i15.photobucket.com/albums/a398/syilpid/Backtotopkuning.png
http://i15.photobucket.com/albums/a398/syilpid/Backtotophijau.png
http://i15.photobucket.com/albums/a398/syilpid/Backtotopputih.png
http://i15.photobucket.com/albums/a398/syilpid/Backtotophitam.png