Membuat Icon Back To Top di Blog

 on Sunday, February 16, 2014  


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, visitorkan 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>



  Read More >>
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.



No comments:

Post a Comment

J-Theme