Cara Buat Tombol Home, Top dan Bottom


Tidak pakai neko-neko,kita langsung saja caranya yaitu sebagai berikut:

1.Masuk Ke akun Blog anda
2.Pada Dasbor Pilih Rancangan-->Edit HTML Dan jangan Lupa Centang 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 ]]></b:skin> Tadi

Please Click:

#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 Diatas kode </body>

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

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

Please Click:

<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/AVvXsEhG3EUHFNG_eMNFt0SfHSuEc2Gu1qoaNq-e7pDnsUh4CloabSJVBX1wM7RFMzbNmXnShoTPUxJ6AQWWQF8IbWt60MXiop0hg1erXB-lSM5rTnz1RFCxzhJl1ilj5eh9AsOdUaB8v_paCUg/s320/home-icon2.png'/></a></td>
<td><a href='#' title='back to top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGg5kZOy4Ykz3lvgxFUfGL9TAzgqUfYHEQ59_E2i_lvmm3dhTvJf2OELWAWR9P4Yo4wycGp8G_XfmnkZOxLkl879Y79Vt_xfi5sYsRYszhiopclcpXR2vMe-Q9dfkDW6il9_1A9J7aDVs/s320/pre-icon1.png'/></a></td>
<td><a href='#ngisor-dhewe' title='back to bottom'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi55c3CKUo1eqkURBRTI3mtaT6zAZggJAFUVTzcT8CrUfl8U4RoVL-h3Ir7GVFavmpcT0T7s_-0_s6oStrJtZiWI8XbxNAL4a34sXWbzvgwwo1WAVf7MIisRwUEh5gWoeBm3kmmUBZbtHU/s320/next-icon2.png'/></a></td>
</tr>
</table>
</div>


Semoga berhasil dan berguna.

Source: evanzip
Share on :
 
© Copyright Collection Blog 2011 - Some rights reserved | Powered by Blogger.com.
Template Design by Herdiansyah Hamzah | Published by Borneo Templates and Theme4all