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

Anda sedang membaca artikel tentang Cara membuat widget tombol back to top di blogger, Anda boleh menyebar luaskan atau mengcopy - paste artikel di atas jika memang sangat bermanfaat bagi anda. Dengan syarat anda harus meletakkan link di bawah ini sebagai sumbernya. Saya akan berlakukan DMCA Complaint, atas copy-paste yang tidak benar!
<a href="http://blog-dollar98.blogspot.com/2012/05/cara-membuat-back-to-top-di-blogger.html">Cara membuat widget tombol back to top di blogger</a>

Jika terdapat Problem / Masalah seperti Broken link atau Tutorial yang sudah tidak bekerja, harap beri tahu saya melalui kotak komentar yang sudah tersedia. Thanks!

Nur Wahid - Sunday, May 20, 2012

Enjoyed This Post? Share It! : Tweet