- Back to Home »
- CSS Tricks »
- Cara Membuat Tombol To TOP di Blog
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
NB :
Warna biru : Ganti dengan URL gambar sobat atau Silahkan pilih gambar dibawah ini yang agan mau jika agan males 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
Sumber