Cara membuat widget tombol back to top di blogger

Cara membuat widget tombol Back to Top di Blogger.

Widget Back to top berfungsi untuk memudahkan anda, visitor, atau pengunjung untuk kembali ke atas "back to top". Cara kerja tombol back to top yaitu ketika anda meng-klik gambar back to top, maka akan secara otomatis melalukan scrolling untuk kembali ke atas.

Berikut cara membuat tombol back to top/kembali ke atas di blogger:

1. Pastikan anda sudah login ke blogger

2. Pilih Dashboard > Design > Edit HTML

3. Cari kode </body> menggunakan Ctrl+F

4. Copy kode di bawah ini, dan Paste tepat di atas kode </body>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

<script src='http://blog-dollar.googlecode.com/files/backtotop.js' type='text/javascript'/> 

<!-- Back to top designed by Blog-dollar98.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://picturestack.com/454/419/kv0backtotopt0U.gif'/></a>

Keterangan: 

* Anda bisa mengganti Back to Top, dengan kata-kata yang anda suka, seperti: Meluncur ke atas, kembali ke atas, dsb...

* Untuk "http://picturestack.com/440/59/2sFAsORc8iCAAt5f.gif" itu adalah url gambar/logo back to top, anda bisa mengganti url tersebut dengan url gambar yang anda punya.. atau menggunakan gambar di bawah ini..

Silahkan anda klik kanan > save image as pada gambar di atas, lalu upload dan hosting gambar tersebut melalui www.picturestack.com, setelah itu Save template..

Selesai!

Baca juga: Membuat Tombol Scroll Back To Top dengan Efek jQuery Smooth.

Rating: 5.0

Tweet