Thursday 12 September 2013

Cara Buat Tombol Back To Top di Blogspot

Cara Buat Tombol Back To Top di Blogspot - Saat kita baca postingan yang panjang banget sampe ke bawah, terus pengen baca lagi dari atas tapi scroll mouse rusak. Apa pernah loe ngalamin hal tersebut gan? Kalo pernah pasti repot karena harus narikin tombol scroll di browser ya gak. Apalagi kalo pake laptop cuma pake touch pad waduh bikin sebel.

Nah kita sebagai pemilik blog harus cari cara buat mengatasi masalah itu, biar pengunjung blog betah baca postingan kita gan. Caranya ya kita pasang tombol back to top, jadi pengunjung tinggal ngeklik tombol aja kalau pengen balik ke atas gan. Nah Cara Buat Tombol Back To Top di Blogspot adalah sebagai berikut :

  • Silahkan 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 
<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/AVvXsEia4bUcbZdIk4-6S_lzRSZvnqJQZ_hMTXc5JE_L-GVOPnZmrY3DezGkfLVqQgMfAqPnGLbvsRNlBlJ7M07hg1YFjrAksvGciH5llWFPguqHCIqex__QED60g5bidYTDiUDtFrnM4xMiQlw/s1600/back-to-top.gif'/></a>
  • Terakhir simpan template sobat dan tombol back to top sudah bisa dipakai 
Demikianlah postingan kali ini tentang Cara Buat Tombol Back To Top di Blogspot dan terimakasih
thumbnail
Judul: Cara Buat Tombol Back To Top di Blogspot
Rating: 100% based on 99998 ratings. 5 user reviews.
Ditulis Oleh

Artikel Terkait Tutorial Blog :

0 comments:

Post a Comment

 
Copyright © 2013. About - Sitemap - Contact - Privacy
Template Seo Ali oleh Ali Madura - Published by Gratis Template Blog