Headlines News :
Home » » Cara membuat Tombol Home, Go Top dan Go Bottom

Cara membuat Tombol Home, Go Top dan Go Bottom

Written By Regina Kim on Senin, 23 Juli 2012 | 22.42

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/AVvXsEjQIcMnD7hv2V-cSzAc-z5XIsiPoXrMKrb3XBA_8vA7vh3wfZLDrdwgPdw7onwh8GjD4TsjH7OHQSVpRjmLrhp4vZ3MOYbMMG2SyOwRtv6upoNyHxAAFu0qpWHuYFlSX2bTxc8khriFk88/s320/home-icon2.png'/></a></td>
<td><a href='#' title='back to top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaquDmocWpBPMHgkTTkqjcQaLjyhE3Fdr4VOZqECDf_okRqSdgmJTuUWZGl_M1z138mnNbss36uYTwboThxoPUItjsI6CtoHtR_K9Bq-xNKTT0wT97BL-rCOz-hBdGvz2rnPX-jX9iz40/s320/pre-icon1.png'/></a></td>
<td><a href='#ngisor-dhewe' title='back to bottom'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifFq1TO6iSpK_3lNqLvIqIoykylQjKJVeo3NOHSDOb7Poi5isOOvdplGMfSHWPmFWJEdFQYtLqygqIe0PZiG_1nzSLjVNEj9kAGDwYBNuoBa4eXhB2IniT5gU9RDK1R5ZkUZYcS77exCQ/s320/next-icon2.png'/></a></td>
</tr>
</table>
</div>


7.Simpan dan lihat hasilnya.
Share this article :

0 komentar:

Diberdayakan oleh Blogger.

Google Translate

 
Support : Creating Website | Johny Template | Mas Template
Proudly powered by Blogger
Copyright © 2011. Be Smart with science - All Rights Reserved
Template Design by Creating Website Published by Mas Template