Jumat, 12 Oktober 2012

Memasang Tombol Back To Top

Tombol back to top adalah sebuah tombol yang berfungsi untuk membuat/mempercepat scrolling dari bawah keatas di sebuah web page ataupun blog page sehingga akan mempermudah reader ataupun visitor untuk kembali´pada bagian atas dari blog/website dengan cepat ketika berada dibagian bawah halaman dengan hanya sekali klik pada tombol back to top tersebut.

Seperti yang kalian bisa lihat diblog saya, terdapat tombol Back To Top seperti gambar dibawah



Nah, kalian semua juga pasti ingin pakai tombol lucu seperti itu kan? Makanya, sekarang saya mau berbagi ilmu, bagaimana caranya memunculkan tombol Back To Top

1. Buka blogger.com atau blogspot.com

2. Buka Template

3. Pilih Edit HTML, klik Lanjutkan

4. Cari kata </body> atau untuk mempermudah pencarian klik CTRL+F kemudian ketik </body>

5. Kalau sudah ketemu, copy link diberikut tepat diatas </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 Inka Qurratuayyun - inkaqurratuayyun-smkmuhammadiyah9.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://25.media.tumblr.com/tumblr_m3s344mtrB1rumwmmo1_500.gif'/></a>

6. Simpan Template, dan tombol Back To Top mu sudah siap untuk dipakai :D


Gambar Back To Top bisa diganti dengan gambar favoritmu dengan mengganti link gambarnya (yang berwarna merah) dengan link gambar favoritmu

Tidak ada komentar:

Posting Komentar