Sabtu, 10 Desember 2011

MEMBUAT WIDGET "BACK TO TOP"

Gimana caranya membuat icon (widget) "BACK TO TOP" yang seperti gambar disamping. Widget ini berfungsi untuk mengembalikan blog ke halaman paling atas.. Widget ini sebenarnya sangat mudah dibuat dan sangat sederhana. Kalian bisa menyesuaikan gambarnya dengan yang kalian inginkan. Misalnya kalian bisa buat di CorelDRAW, Photoshop, Freehand, dsb. Nah, dalam posting ini aku akan memberikan tutorial caranya buat icon back to top seperti yang disamping itu dan kalian bisa mengganti gambarnya sesuai keinginan kalian. 

Oke begini caranya :
1. Login Akun blog kalian.
2. Masuk Tata Letak / Rancangan >>> Edit HTML
3. Cari kode </b:section> setelah ketemu copy-paste script berikut dibawah </b:section>


<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='http://g.imagehost.org/0373/arrow_up_green.png'/></a>

4. Simpan template...!!!

:: Kode warna MERAH bisa kalian ganti dengan gambar yang kalian inginkan ::
:: Kode warna BIRU bisa kalian ganti untuk menyesuaikan letak iconnya ::