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+

Tips Blog

• Cara Agar Blog Ramai Pengunjung dan Banyak Komentar
• Memberi Scroll Pada Postingan Blog
• 4 Cara Meningkatkan Traffic / Visitor untuk blog
• Cara Membuat Scroll Pada Widget Popular Post
• Hilangkan Budaya Kuno Pada Kotak Komentar Blog
• Menambah 3 kolom widget di atas Footer
• Membuat Scroll To Top Button
• Membuat kotak admin dibawah postingan blogger
• Cara Membuat Komentar FB dan Bloger Berdampingan

Widget Blog

• Memberi Scroll Pada Postingan Blog
• Cara Membuat Scroll Pada Widget Popular Post
• Membuat Scroll To Top Button