Cara Membuat Tombol Back To Top Di Blogger

Cara Membuat Tombol Back To Top Di Blogger | Sebelum pulang kantor pada sore ini jam 16.00 rasanya saya ingin Update nich blog dulu. Mungkin setelah sekian lama tersibukkan dengan pembuatan Jaringan LAN dan Instalasinya kini sempat ada waktu luang untuk update blog walaupun tidak bisa banyak-banyak.

Tombol back to top adalah sebuah tombol yang berfungsi untuk mempercepat scrolling dari bawah keatas di sebuah web page sehingga akan mempermudah visitor untuk kembali´pada bagian atas dari blog.

Langsung saja kita menuju tempat tutorialnya dibawah ini dan dicoba aplikasikan diblog agan-agan :
  • Login di Blogger
  • Pilih Template > Edit HTML > klik Expand Widget Template 
  • Cari kode </body>  (gunakan CTRL+F) 
  • Copy kode dibawah ini dan Paste tepat diatas kode </body>  (jika kode dibawah sudah ada di template sobat, kode dibawah tidak usah dipasang lagi)
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
  • Kemudian Copy lagi kode dibawah ini dan kemudian Paste tepat dibawah kode diatas(Code warna biru diatas)
<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://1.bp.blogspot.com/-FjrYiE6C8ZY/TqJMQWu2osI/AAAAAAAAADI/GFdFWFPlO6o/s1600/back-to-top.gif'/></a>
  • Terakhir simpan template sobat dan tombol back to top sudah bisa dipakai

Share 'Cara Membuat Tombol Back To Top Di Blogger' On ...

Ditulis oleh: ahmad mustaghfirin - Wednesday, April 3, 2013

Belum ada komentar untuk "Cara Membuat Tombol Back To Top Di Blogger"

Post a Comment