TutorialBlog - Cara Membuat Tombol To TOP Dengan Efek Scroll Di Blog
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
3.Cari kode ]]></b:skin> dan pastekan kode dibawah ini tepat diatas kode tadi<script src='http://bitxpjs.googlecode.com/files/To%20TOP%20BIT-XP.js' type='text/javascript'/>
#bittop {4.Cari code <body> dan ganti menjadi <body id='top'>
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); }
5.Klik Simpan, lalu masuk kemenu Layout » Tambah Gadget
6.Klik HTML/JavaScript dan pastekan kode dibawah ini
<div id='bittop'>7.Klik Simpan dan liatlah hasilnya
<a href='#top'>
<img alt='To TOP' src='http://images.findicons.com/files/icons/2152/snowish/128/go_top.png' border='0' /></a>
</div>
Silahkan pilih gambar dibawah ini yang agan mau jika agan malas design gambarnya:
http://images.findicons.com/files/icons/2152/snowish/128/go_top.png
http://images.findicons.com/files/icons/2127/ultimate_gnome/128/go_top.png
INFO:Silahkan edit tulisan bewarna merah sesuai keinginan kamu
-Friends List