bina menu bar pada blog anda

Salam semua. hari ini saya baru sahaja buat menuj bar . terima kasih nescafe ais@ www.maribinablog.blogspot.com :) Sekarang saya akan sampaikan ilmu ini kepada anda yang rajin masuk blog saya.

pastikan anda ikut langkah-langkah tersebut :


1. Masuk ke edit html. Dashboard => Layout => Edit HTML.

2. Taip dan paste kod ]]></b:skin> pada ruang Find. Seterusnya tekan Enter. (nak dapat Find sila tekan ctrl + F)

3.Salin kod  di bawah dan paste di atas  kod ]]></b:skin>

p/s: Anda boleh edit kod warna yang di bold mengikut keseuaian blog anda jika perlu.
     : pastikan anda letak diatas

.invertedshiftdown{

padding: 0;

width: 100%;

border-top: 5px solid #000;

background: transparent;

voice-family: "\"}\"";

voice-family: inherit;

}

.invertedshiftdown ul{

margin:0;

margin-left: 40px;

padding: 0;

list-style: none;

}

.invertedshiftdown li{

display: inline;

margin: 0 2px 0 0;

padding: 0;

text-transform:uppercase;

}

.invertedshiftdown a{

float: left;

display: block;

font: bold 12px Arial;

color: black;

text-decoration: none;

margin: 0 1px 0 0;

padding: 5px 10px 9px 10px;

background-color: white;

-moz-border-radius-bottomleft: 5px;

border-bottom-left-radius: 5px;

-moz-border-radius-bottomright: 5px;

border-bottom-right-radius: 5px;

}

.invertedshiftdown a:hover{

background-color: #000;

padding-top: 9px;

padding-bottom: 5px;

color: white;

}

.invertedshiftdown .current a{

background-color: #D10000;

padding-top: 9px;

padding-bottom: 5px;

color: white;

}

4. Salin kod di bawah dan edit pada notepad. Gantikan kod  yang di bold dengan URL dan teks pilihan anda.

<div class='invertedshiftdown'>

<ul>

<li><a href='masukkan URL di sini'>Link 1</a></li>

<li class='current'><a href='masukkan URL di sini'>Link 2</a></li>

<li><a href='masukkan URL di sini'>Link 3</a></li>

<li><a href='masukkan URL di sini'>Link 4</a></li>

<li><a href='masukkan URL di sini'>Link 5</a></li>

<li><a href='masukkan URL di sini'>Link 6</a></li>

</ul>

</div>

<br style='clear: both;'/>

5. taip dan paste kod <div id='content-wrapper'> pada ruang Find dan seterusnya tekan Enter. jika tidak ada kod tersebut sila taip kod ini <div class='main-outer'>

6. Ambil balik kod yang telah anda edit di notepad dan paste diatas kod no. 5

akhir sekali.. save .. jika anda telah pastikan tiada masalah berlaku.. ( klik preview dulu k)

p/s: JANGAN LUPA SAVE TEMPLATE DULU...