Membuat Floating Naik Turun Refresh dan Home

Saat melihat dari Blog temen2 ana yang sudah pandai nge blog kelihatannya indah bila di blog kita ada cursor turun, naik, home, dan Refresh ,,, ana awalnya juga gax faham gimana yah caranya???,,,


selidik punya selidik dengan pencarian Om Google ana punya cara untuk memberikan tanda itu di blog ana,, lumayan berhasil dan tentunya gax ribet2 caranya cukup mudah...


1. login ke blogger
2. pilih rancangan-edit html
3. centang Expand Template Widget
4. cari </body>
5. letakan script dibawah ini tepat di atas kode </body>

<!-- floating button -->
<div style='display:scroll;position: fixed; top:30px;left:5px; '>
<table border='0' cellpadding='0' cellspacing='1' width='32'>
<tr><td><a expr:href='data:blog.homepageUrl' title='Home'><img border='0' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO46pAihTpcGpOgZJC1HjLwdHGjCMvDS7bqICKNm1aJmo36wNT3pnDw3Vw8WgdTF9acYPPiEWknrpjqaQfcZBltQyRU67U-t6VIgaZpbmswbLBEFJIXDFLsa9yR4XdnbXIg3nK8b1acJ8/s320/home-icon2.png'/></a></td></tr>

<tr><td><a href='#' title='Back to Top'><img border='0' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuQuJHZHWcX7O8nLuW9at-OJ2iG6MHxDNBMTooJcsGXhCR5p2HHUxdSX_2x-MjthI0nXEFHns8V6KAOBVd0MLjVwfXunMhj1-ZMs4sCGf6tG6awRrHKhXCQOlaEEPUS4W741OZ_gBKvZM/s320/pre-icon1.png'/></a></td></tr>

<tr><td><a href='#ngisor-dhewe' title='Go to Buttom'><img border='0' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF7Ug5HnzQZRmtVbeL73uz2U8eTv7Bt0VQ7y2D1u4Ydgrwys3Xhca7UJNu9pJgT2Q6_AJJpYT9K3HN6FmTTJc4OjnjPyq9xpoNCV9FU3LCSSj1QWhK-_3NyIMEcQ40a0DeHXjAbPAjwbA/s320/next-icon2.pn'/></a></td></tr>

<tr><td><a href='#' onClick='window.location.reload()' title='Reload page'><img border='0' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsLd7b91rTXtCMS37982Cych3xQ4pYaTA06_VapGPe5lIAw_vKo2UkHXjQqH-pv8TEJU2Z3vay9dxOPUCJ0qEVg9jZcqtsaZ451MRYrI015pv0DH0_nwPSXFCBTCErDpiCIGPuS74S1ts/s320/refresh-icon1.png'/></a></td></tr>

<tr><td><a href='http://www.emailmeform.com/builder/form/rBbDnjLea2T2' title='Mail me'><img border='0' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTTiFVF70tSuPMdg14hB3hKXGzsRAe7VnECXFV2mBu3PXksFz_C0qnqdG4T8P0QVhxIF9JC1gJA7FqGc2UHaxI_aZpgD2IdCXWsithrNZ7usn83LX-_zuOeKVTHcvHSa9qLogOIlD7pfM/s320/mail-icon2.png'/></a></td></tr>

</table>
</div>
<!-- end of floating button -->
<a name='ngisor-dhewe'/>

6. ganti http://www.emailmeform.com/builder/form/rBbDnjLea2T2
dengan ID "email me form" kamu sendiri, silahkan daftar [gratis !] dan buat email me form kamu sendiri. dan juga ganti top:30px;left:5px; '> dengan
- top = bottom
- left = right
- 30px= ... Dan seterusnya px
- 5 px = ... Dan seterusnya px
7. Setelah selesai simpan template


bantuan Om google Menemukannya... di http://affandhia.blogspot.com/2010/07/membuat-menu-vertical-berada-di-pojok.html