Tombol navigasi ini sangat bermanfaat untuk mempermudah perpindahan dalam kegiatan sobat saat membaca suatu halaman blog. Seperti misalnya saat sobat membaca sebuah artikel disuatu halaman blog bagian bawah, sobat cukup menekan tombol ‘back to top’ jika ingin kembali kebagian atas halaman. Berikut ini akan dijelaskan fungsi dari tombol Home, Back to top, Back to down dan Refresh.
Inilah fungsinya :
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 :
1. Kita menuju Rancangan >> Edit HTML (centang tanda Expand...).
2. Cari kode ]]></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 />}
4. Cari kode <body>
5. Copy kode dibawah ini dan pastekan tepat dibawah kode no. 4 tadi.
<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/AVvXsEh-nhC513YE3RCyvHpNCh4ES5k0b3WhdFdWpjDqHs6UW1vbOFlfQCGtPIyQdVzVWWcI9zQpOCuPbMptOOgGLaYZzBaM4jy6z8p0tMI77791E2f60IhVfYUQP-upT4cu7K1xPY0SzI6mvBI/s1600/home-icon2.png'/></a></td><br /><td><a href='#' title='back to top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfg4hSKkH-ZY2sH6InHgVhPBRqKknSITuuL7ns6KfbooJFB4jALravvF1ddPLnS_pUMeNADttmL0WYvlaTeLruWhtklT5BM6NETMUEAvSVPJQn0AJ0NLo61XJSNcM3QjDtNRD4ky8RiAQ/s1600/pre-icon1.png'/></a></td><br /><td><a href='#bottom' title='back to bottom'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicl4d9DYnZ3P63C6tIGVdxBiVjOZruExGftS-tM_aHYFoAJgApvkTqbgiFyZym1qGNPKmcvE5re4OnzyNyZ-2azgcxg2Y3ErYwtSSc4A1KWqcSF7qdR7m3YOXKUDByTuRvbHcR2UcZmjs/s1600/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/AVvXsEjFPUiKN1UEjKcJpjrZAhTf8eQ54CvQcEifuHBdt7euyTCB_E2LE8oK-y-6RaruLpjQ7Gn66I99Nm4o_xjilaXVM7QqICRoeps40Wbo4H8Pv2qj2-7aI9rosNmMZh1VKNqDrPSvjuVq7yk/s1600/refresh-icon1.png'/></a></td><br /></tr><br /></table><br /></div>
6. Simpan, dan lihat hasilnya.
Sobat dapat mengklik tombol ‘Pratinjau’ terlebih dahulu untuk mengecek apakah editannya berhasil atau tidak.
Semoga bermanfaat !
Semoga Artikel ini Bermanfa'at
Judul: CARA PASANG 4 TOMBOL NAVIGASI DI PAGE
Rating: 100% based on 99998 ratings. 5 user reviews.
Ditulis Oleh Admin MOREPOST
Semoga informasi mengenai CARA PASANG 4 TOMBOL NAVIGASI DI PAGE bisa memberikan manfaat bagi Anda. Jangan lupa Komentar Anda sangat dibutuhkan, di bawah ini.
