Ingin tau Cara Membuat Tombol Home,Back To Top,Dan Bottom
Mari kita mulai saja Tutorial nya..
Eiiiit sebelum memulai Tutorial nya saya ingin menjelas kan dulu apa itu Tombol Home,Back To Top,Dan Bottom..?
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
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/AVvXsEjK9iv3daaYPpjo-QLS3lWMNYAkMHQcqeh8bsqHFTlXnjZ4uqbRxE3we5vPZDmYnwZrSY91HD19DsUCLgjYrkA4wZAEu2Ehy5n3NYiMd0hu_Z8ppUse4h0wJMmdctAzHfCmVnErmBWvKMw/s320/home-icon2.png'/></a></td><td><a href='#' title='back to top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifW8xCwiREl0N-QmJaqJzA4EN3I3PGl3b9AT13CbHnyvcsRbKQFKPXsqpCyhBqJNVb_XCbm5_MJ106jOzTbimKoqL3gaPoeUXs8FBP8Cmr64CVbFXFLGguVF7h52TxF1hjgzPsgYXksOs/s320/pre-icon1.png'/></a></td><td><a href='#ngisor-dhewe' title='back to bottom'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgago5LtJCLMaSyyyXxdIHzDNUE2iEOYV1itG7zVxVIwZpNPpest-o1yw8frGwJjCUQe5wvFgqU5ENCTZO1bc4sOUUArgZHfx-P3MmqEpAtXE37HSKTRn5SmfPyNdfo7F33IUGR0gOGFaE/s320/next-icon2.png'/></a></td></tr></table></div>
7.Simpan
Mudah kan sobat cara membuat Tombol Home, Back To Top, dan Bottom nya...
Semoga Bermanfaat dan selamat mencoba (^_^)
