My Tif Share

Share What I Like

Sabtu, 20 Agustus 2011

Tips dan Trik Blog | Cara Membuat Tombol Home,Back To Top,Dan Bottom

Diposting oleh Agung MrVector at 05.07 Label:


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/AVvXsEhmHakMx9l-egBqUxZsuM46WWIxsxmOs9C3hWPrYSm3I8XlIo6-zCHn93JIdJ_-p92A-LIJhdTgyyvG5qfzf3CIwy-juvUayGj0ya93yydZ3mh-Klqqglqq9y3zSTkuWHEaqNokAjiyzzE/s320/home-icon2.png'/></a></td>
<td><a href='#' title='back to top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifEZh3QYW8yLM19DYTaeqB-e4VHX2I1KUIn1RnMQ3FkTD1voW8Y02zxXxjNVvn_GxqVyBCslJuocB4YA1DfDiLikMhm6TNw6q9xpizSeX8SaX-y4tW_i8ucj0aquls6G2lspeYii4HfDo/s320/pre-icon1.png'/></a></td>
<td><a href='#ngisor-dhewe' title='back to bottom'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-eKgXATJpzKLsssYm0CjVHR_gOs2Nn3iNVCwHC4OoOZiZc6bi_GuxA8jar7N33maI9Q6EF6gJinA3y8QvtRnpJaeZcarv8VTtw5AfNJrzD-0E2m-ZY7EmjSYAjTauJ8mnKiXO78rZPn0/s320/next-icon2.png'/></a></td>
</tr>
</table>
</div> 

Save

3 komentar :

Langganan: Posting Komentar ( Atom )