wah! best!

Followers

Jom klik

Sunday, January 23, 2011

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

1 comment:

archenic said...

nice tutorial...really need this...thanks

LinkWithin

Related Posts Plugin for WordPress, Blogger...