CARA PASANG TOMBOL NAVIGASI HOME,BACK TO TOP, BACK TO DOWN, REFRESH
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.
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.
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.
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/AVvXsEi1itggLwOGsyDX1uSS4RjNGayWICAXkE8i8Z9TDRO9eCbRnG-LHrffXHWxtXHjWq8riD3ostroeiAo9uXZSzIDiLIGbodM9Y1THy_79AfTqj36MIJ_Hu7UYNiB7s9gDhNWBLytA7C54Yo/s1600/home-icon2.png'/></a></td><br /><td><a href='#' title='back to top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo0UOkjyg9gOhorue887cxexJSinwuSPcXtvDBzjoB7ADJ0TdoTRnZIJjZV73j2YfxtZfYz4TvDZwkTESAiwO6CqfsTRbWlRCrBnm0zLF1hwHFo5T5-pB3exosmlhu9CgSlvK_CSNusXk/s1600/pre-icon1.png'/></a></td><br /><td><a href='#bottom' title='back to bottom'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjXOyPiU5THshLghQiFdwTj-mT_UYp9Jr3NBwKGrq5qWBBBzmhjxbYKD8niaaNbfF0W2IdV0O2mi8pZexVA9ZhyLnCcGvQwmtupjhOxIE1_bH0W0_mLSEjwwj8loHEtHA96v23-R1OYe4/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/AVvXsEhKdSIdInciLqhFrdjN0XV421syRCFpDKv1zxJVGBJOJj_Q7P2qf16HGY1OGdF_e4wdkFs_wc-k9cL356k945zoNP6abp-P2L1cf2ohVgeaSMWBQ5cHD9DrmwHF0L_bfbRe6VaMzUxdGKc/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 !
Postingan
Jakarta Time
Posting Komentar