Cara Membuat Tombol Back To Top

Cara Membuat Tombol Back To Top / kembali ke atas Dengan jQuery di Blog - Berbeda dengan Scroll to Top seperti postingan saya sebelumnya, Tombol back to top adalah berfungsi untuk memudahkan pengunjung untuk kembali ke bagian atas dari suatu halaman tanpa Efek Scrolling/menggulung.  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 dfach 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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXMVTnLZ6Uv6Eg0nXRpq2_wsHNB1xuWnxiFIYMYjOQjKMOWxxqQOuIDWm5YEs0jgMpN1UPk2vwTMlA2XqdOurjvE_zZD4xX2mXPWJuoFdc482Hp0kWHg4C-xjllzClq7OyHBRnqa4veu0/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 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXMVTnLZ6Uv6Eg0nXRpq2_wsHNB1xuWnxiFIYMYjOQjKMOWxxqQOuIDWm5YEs0jgMpN1UPk2vwTMlA2XqdOurjvE_zZD4xX2mXPWJuoFdc482Hp0kWHg4C-xjllzClq7OyHBRnqa4veu0/s1600/back-to-top.gif

Silahkan anda ganti dengan url gambar anda.

Sekian dulu tips blogger dari dfach blog, 
Semoga bermanfaat.

Share this article :

Share on fb Tweet Share on G+