Memang Cara Membuat Icon Back To Top ini sudah banyak yang tau dan mungkin kamu juga sebenarnya sudah tau, tetapi lupa lagi, hhe . . .
Ternyata Icon Back To Top ini sangat populer, bahkan google ping juga memakainya. dan saya pun tertarik untuk memakainya. Untuk caranya silahkan lihat di bawah ini:
1. Masuk ke blogger.com
2. Pilih Template >> Edit template + Checklist Expand template widget
3. Cari kode </body>
4. Masukkan javascript di bawah ini 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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4Beu08kd0hIfHDo7RI3JEjlTNTRFDIW9P4IMypXC5Wp4J11wKVAYcuXjQPokxV1UPd9Xt5WUh4GfXPBpw_V3VOgiJ6LS6mTp9tB-et8SLq4fmp4Q1MC4OBc466YQoOmUVf3e7Y_yH5Q/s1600/upArrow.gif' height="50" width="50"/></a>
Catatan:<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4Beu08kd0hIfHDo7RI3JEjlTNTRFDIW9P4IMypXC5Wp4J11wKVAYcuXjQPokxV1UPd9Xt5WUh4GfXPBpw_V3VOgiJ6LS6mTp9tB-et8SLq4fmp4Q1MC4OBc466YQoOmUVf3e7Y_yH5Q/s1600/upArrow.gif' height="50" width="50"/></a>
*yang berwarna merah adalah url gambar
*yang berwarna hijau adalah tinggi dan lebar
5. Simpan template dan selesai . . .
Apabila postingan diatas terasa bermanfaat silahkan share ke teman maupun yang lainnya agar ilmu yang kita dapatkan bermanfaat . . .
2 comments:
nice info..
makasih gan, kunjungi artikel menarik lainnya juga yaa :)
Post a Comment