CARA MEMBUAT WIDGET TOMBOL BACK TO TOP (Kembali Keatas) DI BLOGGER


CARA MEMBUAT WIDGET TOMBOL BACK TO TOP (Kembali Keatas) DI BLOGGER



Widget Back to top berfungsi untuk memudahkan anda atau visitor untuk kembali ke atas "back to top".
Cara kerja tombol back to top yaitu ketika anda mengclik 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 (Kembali Keatas)'><img onclick='MGJS.goTop();return false;' src='http://picturestack.com/689/74/jjHtopbox12vGw.png/></a>

Keterangan:
* Anda bisa mengganti Back to Top (Kembali Keatas) dengan kata-kata yang anda suka, Bisa di ganti Dengan kata-kata anda,
* Untuk "http://picturestack.com/689/74/jjHtopbox12vGw.png" 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..
Terima Kasih,

Sumber Artikel : Blog Dollar 98

Comments