Cara membuat menu navigasi chrome

Silahkan lihat demo menu navigasi chrome ini dengan cara klik disini.Jika anda tertarik ikuti langkah berikut:

1.Login ke akun blogger anda
2.Pilih Rancangan-->Edit HTML
3.Cari kode </head> dan masukkan kode berikut sebelum kode </head>
<style type="text/css">


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */


#chromemenu{
width: 99%;
font-weight: bold;
font-size: 90%;
}


#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}


#chromemenu ul{
border: 1px solid #BBB;
width: 100%;
background: url(http://img33.imageshack.us/img33/1341/chromebg.gif) center center repeat-x;
padding: 5px 0;
margin: 0;
text-align: left; /*set value to "right" for example to align menu to the left of page*/
}


#chromemenu ul li{
display: inline;
}


#chromemenu ul li a{
color: #494949;
padding: 5px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}


#chromemenu ul li a:hover{
background: url(http://img190.imageshack.us/img190/4451/chromebg2.gif) center center repeat-x;
}


</style>

4.Lalu save.Selanjutnya silahkan kembali ke Rancangan-->Tambah Gadget,pilih gadget HTML/Javascript
5.Masukkan dan edit kode berikut didalam konten HTML/Javascript
<div id="chromemenu">
<ul><center>
<li><a href="URL tujuan">Nama Menu</a></li>
<li><a href="URL tujuan">Nama Menu</a></li>
<li><a href="URL tujuan">Nama Menu</a></li>
<li><a href="URL tujuan">Nama Menu</a></li>
</center></ul>
</div>

Ganti URL tujuan dengan url blog atau url yang akan dituju
Ganti Nama Menu dengan nama menu anda

Semoga berhasil
Share this article :

+ komentar + 2 komentar

13 Maret 2011 05.41

Maaf Ini Bukan Spam!!!
Visit Back
Jaringan Komputer™

Untuk Tukar Link Silahkan Klik Link Berikut Ini
http://ipanrock.blogspot.com/2011/02/tukar-link-dengan-saya-link-exchange.html

thx 4 visit

19 Maret 2011 06.46

wah mantap nih menu navigasinya :)
-----------
nice post sobat
sukss sll

Posting Komentar

Silahkan beri komentar anda setelah membaca artikel diatasTerima kasih untuk tidak berkomentar yang berunsur SPAM.

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Just for Fun | Trick blogger | Dunia Internet - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger