Dah
lama yah saya gak posting tutorial blog kali ini saya akan memposting
tentang cara Cara Membuat Tombol Home, BackToTop, BackToDown, Reload
,Tahukah sahabat bahwasanya ada Icon untuk mempermudah dalam navigasi,
Saya akan menjelaskan cara membuat tombol Home, Back to top, Back to
down, Refresh..inilah 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.
Caranya mudah saya jelaskan tahapannya :
1. Kita menuju Tatak letak/masih bisa di Edit HTML juga(centang tanda Expand...), atau pula sekarang di sebut Rancangan >> edit HTML.
2. Kalau sudah, cari kodeBerikut:
]]></b:skin>
3. Kalau sudah ketemu, copy code berikut dan paste di atas code tadi
#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/AVvXsEiDe8X6EB-lpoIFlgcAqN3i98oHQSXIpQRdiQyPSqd8TWTNTar6sokHicHwQg0bsjk3oMPS4y337ti9xouikdKRy7DNkrKeWvmjkFR6ZQgNSdHzcXHTA6M1AnBu3Fv_6VcCzk-bMTg0XPE/s320/home-icon2.png'/></a></td><br
/><td><a href='#' title='back to top'><img
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf3FnsDVTtDqo4HmSgrnSWimZWT1H7oVgRLPzouGWyiOWCQeqXPH6MFRIecLCV_EO8QDG1tBp2qGn0-EyPRcMUqT7GQPDdLRB7VV6UlgAqJ3GjxVa9qfMfB5_9MIML-onrOlJt0xDssYg/s320/pre-icon1.png'/></a></td><br
/><td><a href='#bottom' title='back to bottom'><img
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6Adxo5acaQRdMhllknOJ8D50wNEN0zAQbpDUFeNzRwZeaZo4ZAjY8O-GEQAZMbdyJvgvnb9tg-6tUu8qER_YCBnvSvkVeS8tEudAUnQAhM425xev6U4DouiBbdx-Nedga2PXUecs97mU/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/AVvXsEg6PBOscD5jO5SBB_MwpF5p6d_h3P1lIOshnTufFbITTyWeY7Veck_ZeyB2HdO-ftf5kjvYQh_yGCa-dGyffgkdPDoDtX_BMHv5HAa4kvut_fhb2gm4PDBGvkX25r3uyElJ7bln6qsdRa8/s320/refresh-icon1.png'/></a></td><br
/></tr><br /></table><br /></div>
Kalau sudah di copy, paste code di atas tepat dibawah code :
- Lalu Simpan, dan lihat hasilnya.
Mudah-mudahan tips ini bermanfaat,wassalam
Artikel 
Posting Komentar - Back to Content