Breaking News
Loading...

Cara Membuat Navigation Menu Chrome di Blog

05.29
Cara Membuat Navigation Menu Chrome  di BlogOke langsung saja.  Fungsinya adalah agar pengunjung blog anda akan lebih mudah untuk mengakses fitur-fitur yang tersedia di blog anda. Langsung saja anda ikuti langkah berikut:



Cara Membuat Navigation Menu Chrome  di Blog

1. Login ke Blogger
2. Masuk ke Layout>Edit HTML
3. Cari Code: </head> Lalu copy>paste code dibawah ini, diatas code: </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. Save editan anda.

5. Masuk kembali ke: Layout>Add a Gadget>HTML/Javascript

6. Copy>Paste Code dibawah ini:

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

KETERANGAN:

- Ganti Nama Menu dengan Menu blog anda.
- Gantu URL tujuan dengan URL menu blog anda.


SELAMAT MENCOBA :)

0 komentar:

Posting Komentar

Terima kasih sudah mau berkunjung ke Blog sederhana ini, Tidak ada salahnya untuk memberikan komentar untuk kemajuan blog ini.
Catatan komentar yang tidak ditampilkan :
1. Komentar SPAM
2. Komentar tidak bermutu / tidak nyambung.
3. Memasukan Link ke dalam kotak komentar blog.

 
Toggle Footer