Cara Membuat Jejaring Sosial: Cara Membuat Tombol To Top Effect Scroll di Blog

Translate to ......

Kali ini saya akan share sebua tutorial blogger lagi. Kali ini saya akan menshare sebuah tutor membuat tombol kembali ke atas dengan cepat tanpa perlu menggerakan scroll pada mouse. Coba sobat liat dibagian kanan blog ini pasti ada tombol tanda panah keatas coba klik pasti sobat akan kembali keatas nah itulah tutor yang saya mau share... langsung saja gan cekidot....

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: