Cara Membuat Tombol Home,Back To Top,Dan Bottom

Tweet

Baiklah, ini caranya untuk membuat tombol, Home, Back To Top, dan Bottom Silahkan Dipahami : 1.Masuk Ke akun Blog Sobat 2.Pada Dasbor Pilih Rancangan-->Edit HTML Dan jangan Lupa Centang Kolo Expand Template Widget 3.Kemudian Cari Kode ]]></b:skin> ( gunakan CTRL F atau F3 untuk memudahkan pencarian ) 4.Copy Paste Kode Dibawah Ini Tepat Diatas Kode Tadi #mangetsu { position:fixed;_position:absolute;bottom:0px; right:0px; clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); } #mangetsu a { filter:alpha(opacity=65); -moz-opacity:0.65; opacity:0.65; border:0; } #mangetsu img { border:0; } #mangetsu a:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; } 5. Selanjutnya cari kode </body> Dan Letak Kode Dibawah Ini Tepat Diatasnya <a name='ngisor-dhewe'></a> 6. Langkah Terakhir Tinggal Memasukan Kode Dibawah  Ini Tepat Dibawah Kode <body> <div id='mangetsu'> <table border='0'> <tr> <td><a expr:href='data:blog.homepageUrl' title='Home'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQxoo_BphatqIy2JyZ4Ud5m8Xq2CuuvtcRoOHSP4lJMCrbLtak-zWzOzVZPFqdYAfmRyGHvbkN6i6UkbkSH-IoC9Gl9BPt-CtKwDVqXviX1qkpkS-L639uESgXyutQQjzSZ2wvAcp3Pyw/s320/home-icon2.png'/></a></td> <td><a href='#' title='back to top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFJbQOzEbC1arstju-OEKIJXbRTZzr553AeB-HRzWR_5GC3oCG-_2K8lP5HenGEFL0ssCd77UfJ-jl8XiijgHXtoIuwJoADzBxgEXGQBpNKsF5ER_hz_2EYSDUYKYYORruoSPtbF_vCxo/s320/pre-icon1.png'/></a></td> <td><a href='#ngisor-dhewe' title='back to bottom'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjijEpbgvMq_TYYz7qPRaoKSsQ6oGMLNmM5PXOIOp8BZiQdf3AWlePV2-4hGEEOmP229wd7aLj2F04dz3rTvz1pw_jV6dvBwDESExbao9ZhwRWunkfw96XYaS8EV2khuFp_tX0UkNCZ0DI/s320/next-icon2.png'/></a></td> </tr> </table> </div> Daftar Pustaka

Baiklah, ini caranya untuk membuat tombol, Home, Back To Top, dan Bottom

Silahkan Dipahami :
1.Masuk Ke akun Blog Sobat
2.Pada Dasbor Pilih Rancangan-->Edit HTML Dan jangan Lupa Centang Kolo Expand Template Widget
3.Kemudian Cari Kode ]]></b:skin> ( gunakan CTRL F atau F3 untuk memudahkan pencarian )
4.Copy Paste Kode Dibawah Ini Tepat Diatas Kode Tadi

#mangetsu {
position:fixed;_position:absolute;bottom:0px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
#mangetsu a
{
filter:alpha(opacity=65);
-moz-opacity:0.65;
opacity:0.65;
border:0;
}
#mangetsu img
{
border:0;
}
#mangetsu a:hover
{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

5. Selanjutnya cari kode </body> Dan Letak Kode Dibawah Ini Tepat Diatasnya

<a name='ngisor-dhewe'></a>

6. Langkah Terakhir Tinggal Memasukan Kode Dibawah  Ini Tepat Dibawah Kode <body>

<div id='mangetsu'>
<table border='0'>
<tr>
<td><a expr:href='data:blog.homepageUrl' title='Home'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQxoo_BphatqIy2JyZ4Ud5m8Xq2CuuvtcRoOHSP4lJMCrbLtak-zWzOzVZPFqdYAfmRyGHvbkN6i6UkbkSH-IoC9Gl9BPt-CtKwDVqXviX1qkpkS-L639uESgXyutQQjzSZ2wvAcp3Pyw/s320/home-icon2.png'/></a></td>
<td><a href='#' title='back to top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFJbQOzEbC1arstju-OEKIJXbRTZzr553AeB-HRzWR_5GC3oCG-_2K8lP5HenGEFL0ssCd77UfJ-jl8XiijgHXtoIuwJoADzBxgEXGQBpNKsF5ER_hz_2EYSDUYKYYORruoSPtbF_vCxo/s320/pre-icon1.png'/></a></td>
<td><a href='#ngisor-dhewe' title='back to bottom'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjijEpbgvMq_TYYz7qPRaoKSsQ6oGMLNmM5PXOIOp8BZiQdf3AWlePV2-4hGEEOmP229wd7aLj2F04dz3rTvz1pw_jV6dvBwDESExbao9ZhwRWunkfw96XYaS8EV2khuFp_tX0UkNCZ0DI/s320/next-icon2.png'/></a></td>
</tr>
</table>
</div>

Daftar Pustaka