Selasa, 19 Maret 2013

Membuat Icon Back To Top

icon, back to top
Icon ini sih sebenarnya tidak terlalu penting menurut saya, tapi lumayan bisa untuk menghias bog, apa lagi kalau ada postingan yang panjang banget sampai ke bawah, visitor kan enak tinggal klik icon ini untuk balik ke atas. Cara membuat nya silahkan disimak langka - langkah berikut :
1. Login ke Blogger.
2. Masuk ke Template > Edit HTML > Checklist Expand template widget
3. Cari kode </body>, kalau susah cari nya tekan F3 untuk memudahkan mencarinya.
4. Taruh skrip berikut di ATAS kode </body>


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://bloggerpeer.googlecode.com/files/backtotop.js' type='text/javascript'/>
<!-- Back to top designed by Blogger Peer - bloggerpeer.blogspot.com -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='http://telusur.net/wp-content/uploads/2012/10/back-to-top.png' height="100" width="100"/></a>



5. Terakhir tinggal di Save.

Keterangan :

- Teks yang berwarna biru itu adalah URL gambar, bisa kalian ganti, cari aja di mbah google.
- Teks yang berwarna merah itu ukurannya, Height untuk tinggi dan Widht untuk lebar nya.

Semoga bermanfaat ^_^

Tidak ada komentar:

Posting Komentar