Share of Mine

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

Categories: ,

2 Responses so far.

  1. 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

  2. Rezki Ji says:

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

Leave a Reply