Cara Membuat Tombol Back To Top di Blogger

Bagikan :
Get our toolbar!

Cara Membuat Tombol Back To Top/kembali ke atas Dengan jQuery di Blog
Cara Membuat Tombol Back To Top/kembali ke atas Dengan jQuery di Blog - Tombol back to top adalah berfungsi untuk memudahkan pengunjung untuk kembali ke bagian atas dari suatu halaman.  Fitur back to top yang kita bahas sekarang ini adalah fitur tombol back to top menggunakan jQuery. Untuk membuat nya silahkan ikuti tips trik blogger dari dapah blog berikut.

1. Silahkan login di Blogger Anda.

2. Pilih Design > Edit HTML > klik Expand Widget Template.

3. Cari kode </body> (gunakan CTRL+F).

4. 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'/>

5. Kemudian Copy lagi kode dibawah ini dan kemudian Paste tepat dibawah kode </body>. 
<script src='http://bloggerpeer.googlecode.com/files/backtotop.js' type='text/javascript'/><!-- Back to top desain by Hendro - dapah.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> 

6. Terakhir simpan template blog Anda.

Keterangan:
Perhatikan untuk kode yang berwarna merah right (kanan), bisa Anda ganti dengan left (kiri), sedangkan Back to Top bisa Anda ganti dengan kembali di atas, dan http://1.bp.blogspot.com/-FjrYiE6C8ZY/TqJMQWu2osI/AAAAAAAAADI/GFdFWFPlO6o/s1600/back-to-top.gif
Silahkan anda ganti dengan url gambar anda.

Sekian dulu tips trik blogger dari dapah blog, Semoga bermanfaat.

Baca Juga:

0 komentar on Cara Membuat Tombol Back To Top di Blogger :

Jangan Lupa Like Suka ya !!!

×