test home refresh up down

01.12
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.
Caranya mudah saya jelaskan tahapannya :




#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/AVvXsEjvUMspcIjlEXFuqnQeaAk_q3sfHCY7WnBcxH7B6b3YoJpjYief8x-7wCC0Kw6Mruqp8-65m7wV6RL6aBNImRoJvsnSVcY77zpE3LA5zlHvxl4qNrQz8y2-l6p3qBrJDDnn8U0aCJaHJqM/s320/home-icon2.png'/></a></td><br /><td><a href='#' title='back to top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgspLfb4GqKPvNiioieEAF2jhrItb80iXX-HG3awB0e-umiaNCchZ0v7gaaZd0WVBZL2Mza7qgFQJCRIC4LkeLNSVaj2bhIeShMZCVEzfdLJI8BBGaWYiRQfLM51aHoTv_Zy8JqLc3PqzQ/s320/pre-icon1.png'/></a></td><br /><td><a href='#bottom' title='back to bottom'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj4_lDrJvbOg6YGl3arqCs5omQ7lOC3RubvSWkTLyfV34wzpBC7x52X6znGJ2L73iBZnTXlB3wkiSMFwPPdTVT9nrNkIxBUyXazC5IJtuVaqRa7Lxj8nhSeBTOq90XKLhLaiol7PGs3bc/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/AVvXsEhWqcrAGsQuuT9FE1YAaD4f1zXl69JkqyQU8dXDRiSWch_N2wFSJvYDbl5zweFOWj0FpciFNWuilduoE2r9X5430wvC9-pWosobHEw5HRsPI-2zZV7Xr8QwyZBApo23ddED62Q1tiDgRIE/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.v
Diposting oleh Rizqi kqkq

0 komentar:

Posting Komentar

Buka buku tamu