Cara Membuat Tombol To Top Dengan Efek Scroll Di Blog

Posted by : Yasraf Januari 18, 2013

Kali ini saya akan memposting Cara untuk membuat tombol kembali ke atas dengan cepat tanpa perlu menggerakan scroll pada mouse. Coba sobat liat di sebelah kanan!!pasti ada tombol warna biru dan tekan!!!TTTaada langsung keatas kan??nah itu yang saya ingin share langsung ajh !!

Langkah-Langkah:

1.Login Blogger » Template » Edit HTML

2.Cari kode </head> dan pastekan kode dibawah ini tepat diatas kode tadi

<script src='http://bitxpjs.googlecode.com/files/To%20TOP%20BIT-XP.js' type='text/javascript'/>

3.Cari kode ]]></b:skin> dan pastekan kode dibawah ini tepat diatas kode tadi

#bittop {
position:fixed;_position:relative;bottom:2px; right:2px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

4.Cari code <body> dan ganti menjadi <body id='top'>
5.Klik Simpan, lalu masuk kemenu Layout » Tambah Gadget
6.Klik HTML/JavaScript dan pastekan kode dibawah ini

<div id='bittop'>
<a href='#top'>
<img alt='To TOP' src='http://images.findicons.com/files/icons/2152/snowish/128/go_top.png' border='0' /></a>
</div>

7.Klik Simpan dan liatlah hasilnya
Silahkan pilih gambar dibawah ini yang agan mau jika agan malas design gambarnya: