21 Agustus 2010

MEMBUAT WIDGET "BACK TO TOP"


Akhirnya bisa posting juga meski udah sore gini. Sore ini aku mau posting sesuatu yang sangat ringan saja, yaitu 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 ::

Artikel Terkait di Bawah posting
HTML
Blogger
Tips N Triks

Diposting oleh KD JON'S di 22.23

Label: , ,

0 komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)

LOGIN

Template by : JON'S