Pages

Wednesday 27 March 2013

Cara Memasang Tombol Back to Top di Blog

Pernahkah Anda melihat tombol back to top di bagian kanan bawah suatu blog? Tombol back to top berfungsi apabila konten pada blog kita yang terlalu banyak sehinggan tampilan blog terlalu memanjang ke bawah.

Dengan adanya tombol tersebut dapat memudahkan pengunjung kembali lagi ke atas halaman blog jika mereka berada di bagian terbawah, sehingga tidak menggunakan fungsi scroll lagi dengan meng-klik tombol tersebut.

Jika Anda ingin memasang tombol back to top pada blog, berikut simak langkah-langkahnya:

1. Login akun blogger Anda.
2. Pilih Template > Edit HTML > centang Expand Template Widget.
3. Kemudian cari kode </body> untuk mempercepat pencarian gunakan Ctrl + F.
4. Letakkan kode dibawah ini tepat diatas </body>
<script src='http://blogatap.googlecode.com/files/backtotop.js' type='text/javascript'/>
<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/AVvXsEgzpKYVJMQNKYqizu1FC-_bEqXeynMloY9WKrEYsJdgr-PuWK9zBLHbyHOEl0C1Ubi4J0vIrh-N6z1ej4ZMdlyLq6fd_mBcubMChMhEC5Cnnnh_kGQigVplRf8lXpo7JgAk_BunEAjeeJ0/s1600/back-to-top.gif'/></a>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
5. Setelah selesai 'Simpan template'.

Nah, sekarang pengunjung blog Anda sangat terbantu dengan adanya tombol back to top ini, semoga bermanfaat.

No comments:

Post a Comment

jika sobat mendapatkan masalah,jangan sungkan-sungkan untuk menulis komentar/usul pada kotak di bawah ini..!!!! >TERIMAKASIH<