Back to Top Widget for Blog

Hai..Baru minggu kemaren aku comeback ke dunia per-blog-an (ceileh….) ternyata banyak yang udah ga aktif bahkan blognya sudah dihapus walau masih ada beberapa yang masih aktif tidak sesering dulu. Well sepertinya aku juga tidak akan update blog ini sesering seperti dahulu tapi akan aku usahakan untuk update blog ini pada saat hari libur.

Oiyaaa kali ini aku akan memberikan tutorial membuat widget TOP/UP dari namanya mungkin kalian sudah ada bayangan atau tahu fungsi dari widget TOP/UP ini.
yupz….fungsinya untuk mempermudah pengunjung blog dalam mempercepat scroll atau kembali keatas di halaman blog kita, jadi ga perlu repot untuk scroll mouse berkali-kali.

Bagaimana ingin mencobanya memasangnya di blog kalian??? Tenang untuk versi yang ini caranya mudah, sama seperti widget yang lain dalam blog ini.

Pertama silahkan terlebih dahulu pilih desainnya dan jangan lupa copy kodenya. (ini aku buat sendiri loh..)
cara meng-copy kode: setelah meng-klik "Copy ALL" tekan ctrl+c.

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCLIrA0Lh4pnnNwuTUYcNVnRUZu35v1qgE04ZMJluN2vBx-AUQmafg2vGVH4oKk-sA5XyLLzHyhTviCYnYfpky6zjedfim_2zGfeSPBmCZowf6Es3KgYc28NarWRCb2RV560CLq7jmW_rA/s800-Ic42/UP3.png"width="90" height="150" /></a> <br>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9q5Y21PfCdzhWB69o79pWQJNbLOeZX0OhQFdkSty462TTcWzwEBvGphLePjRkJ3_ma9LfbC9OUYND6GY-jYWCasiDiakSZ4tinviEcZao2QUcjaKhwzZg0bCDbYXm5vqXBHQXIK0jUQjt/s800-Ic42/UP3.gif" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNPH6zjoL_NkeSTM29Y8kSWM1h67zv6pt00rnkT2R0oEeOKniibEf6333W4PM2pmYW6yOJiZ3RcaP61H4-d9S1RqPz0pFOjPlv0SpNZJem3PVFwKC0NNUHqPg_vlTeHXkngphd4_NHAUCv/s800-Ic42/UP2.gif" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxAEn08_qKEi-ho9L1uDUvtpPT1Xrb6dOOEI_DcwGf9yVZ4HOL6tbfgN9OKEgDkzp8UzD7VC3BJDtVZJNzvCLkI0Es6fh4QZKRHwzqncoBzXguLUhKpbhioeG-1JF2PepX8THEDzmZrGQy/s800-Ic42/up-1.png" /></a>

Setelah itu pada blog kalian pilih tata letak>>tambahkan gadget>>html/java script. dan paste kode yang tersebut di html/jaava script.

sselesaai...simple bukan.
previewnya seperti ini

diberi tanda panah

Nanti akan aku post versi yang agak rumitnya.