Hello guys !
This time i want to share the HTLML code for make a beauty navigate,
kurang lebih kaya gini mungkin
Oke, ini dia caranya:
1. Cari kode ini di template blog anda :
<style type="text/css">
.clouds{font-family: georgia; font-size: 20px; color: #F5E0E3; letter-spacing: -2px; text-shadow: #AAA 1px 1px 1px;line-height: 17px;border-bottom: #F0CED3 dashed thin; }
.clouds:first-letter { font-family: georgia; font-size: 30px; font-style: italic; }
.sky{ text-align: right; padding: 0 9px 0px 0px; font: bold 25pt "times new roman"; letter-spacing:-2pt; line-height:50%; color:#EBA8B5; text-shadow: #AAA 2px 2px 2px;}
.navi { background: #fff; color: #555555; border-bottom: 1px solid #F0CED3; font: normal 8pt "helvetica", sans-serif; letter-spacing: 3pt; margin: 0; padding: 8px 5px; text-align: right; text-transform: uppercase; -webkit-transition-duration:1s; }
.navi:hover { -webkit-transition-duration:1s; background: #F0CED3; color: #fff; cursor: default;border-right:140px solid #F0CED3; margin-right: 0px;}
</style></head>
3. Kemudian, cari lagi kode ini :
<body>
4. Copy paste kode ini di bawah kode <body> :
<div id="content">
<div class="navi" style="border-top: none;"
<div class="navi" onClick="changeNavigationundefined'profile')">YOURTEXT</div>
<div class="navi" onClick="changeNavigationundefined'exits')">YOURTEXT</div>
<div class="navi" onClick="changeNavigationundefined'tagboard')">YOURTEXT</div>
<div class="navi" onClick="changeNavigationundefined'cred')">YOURTEXT</div>
<div id="profile" style="display: none;">
<div class="clouds">YOURTEXT</div>
YOURTEXT<bR>
<div style="height: 300px;"><BR>
<img align=left src=URLPICTURE>
<font face="tahoma" size="1" color= #CCC>YOURTEXT</div>
</div>
<div id="exits" style="display: none;">
<div class="clouds">YOURTEXT</div>
YOURTEXT</div>
</center>
</div>
</center>
<div id="tagboard" style="display: none;">
<div class="clouds">YOURTEXT</div>
YOURTEXT<bR>
YOURTEXT<div id="cred" style="display: none;">
<div class="clouds">YOURTEXT</div>
<center>
YOURTEXT<bR>
<bR>
</div></div></div>
*Ganti kata YOURTEXT dengan kata-kata mu sendiri
*Ganti kata URLPICTURE dengan URL gambar mu sendiri
Selesai...
Gimana? Berhasil kan? Berterimakasih lah kepada saya BUAHAHAHAHA!!! #sombongnya -_-
Oke, semoga bermanfaat. Sekian tips hari ini. Sampai jumpa !!! :D
*Nb : use ctrl+c for copy paste
0 comments:
Post a Comment