Rabu, 11 April 2012
Berikut Penjelasannya
1. Tombol Home gunanya untuk Kembali ke HomePage.
2. Tombol Back To Top gunanya untuk kembali ke atas.
3. Tombol Back To Down gunanya untuk kembali ke bawah.
4. Tombol Refresh gunanya untuk membuk ulang halaman.
#mangetsu
{<br />position:fixed;_position:absolute;bottom:0px;
right:0px;<br />clip:inherit;<br
/>_top:expression(document.documentElement.scrollTop+<br
/>document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+
document.documentElement.clientWidth - offsetWidth); }<br
/>#mangetsu a<br />{<br />filter:alpha(opacity=65);<br
/>-moz-opacity:0.65;<br />opacity:0.65;<br
/>border:0;<br />}<br />#mangetsu img<br />{<br
/>border:0;<br />}<br />#mangetsu a:hover<br
/>{<br />filter:alpha(opacity=100);<br
/>-moz-opacity:1;<br />opacity:1;<br />}
Kalau sudah, copy code berikut :
<div
id='mangetsu'><br /><table border='0'><br
/><tr><br /><td><a
expr:href='data:blog.homepageUrl' title='Home'><img
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0xdiMJtNoBNmmRR5CINyHelx7B8w9gL3MoKE-4NhXFDdXMZKfemZwfs-R4LehWeIeSOKKNxgbWFex67C3JlfRZ7f53SzztTBIp4hSpCSXF0123QopTX0xszd9ydTxLvdc8qszXPsbiuU/s320/home-icon2.png'/></a></td><br
/><td><a href='#' title='back to top'><img
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdjbFN0jzoCV7WGKFlF9dYyhLCu-7-h1a2pZZuWdZdD5xqCgL90VPuZp2WY5_R46A-ee6d9u40UXaGA1yAUhYDKBkAVNW0KC0tx6s7ylE2kFggaR7fFLXzWry4f3mlN5vCnTtyzgoYM2s/s320/pre-icon1.png'/></a></td><br
/><td><a href='#bottom' title='back to bottom'><img
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-U_IlisDl0Qcym0XBnn67IKIx8XduwAapBCxN6FUeISovzg5UBBTspM0-xvxYBW3R7kWpP-MTYOznYl0r58bLgw4DHUayQvyioirnbOvqTgtqp_-ngWMUCzIcPwrm9X0YE6J38zfOc-0/s320/next-icon2.png'/></a></td><br
/><td><a href='#' onClick='window.location.reload()'
title='Reload page'><img
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAflprwQHdR2qZkHsVatKazCunnQXOLIEhCN1iis1xmM7ECsUn3EG3NG1zealFIQ289MTDd5z85QzVP2xbcAimrG-Aq8kMum22jLfxpdhbh5sy4bwBrG9Y9GhYV0Qf9Ar4TsBBt7tIObY/s320/refresh-icon1.png'/></a></td><br
/></tr><br /></table><br /></div>
Kalau sudah di copy, paste code di atas tepat dibawah code :
<body>
- Lalu Simpan, dan lihat hasilnya.
Jika sahabat ragu-ragu untuk menambahkan widget ini sahabat dapat
mengklik tombol Pratinjau untuk mengecek apakah editan saya berhasail
atau tidak.
Mudah-mudahan tips ini bermanfaat,wassalam
Sumber : http://magazineforum.blogspot.com/
Related Posts :
- Back to Home »
- Pengetahuan »
- Cara Membuat Tombol Home,Back To Top pada Blog