Tutorial :Menu Bar

assalamualaikum

harini aku ajar korang 1 tutorial psl menu bar nie , ala yg ''home'' , ''dashboard'' yg ada kt blog aku tuh . kat bahagian bawah header . kalau korang dah pasti apa ya tuh mari kita mulakan . haha . act aku nak cepat sebab takod tenet aku gila lagi . tutorial nie sebenarnya aku copy then masokkan dalam microsoft word , link blognya tak diletakkan . td dalam fb myra tnya aku . aku tatau cmne nak bgtau so aku bgtau dlm blog jek lah . kalau nak bgtau dlm fb susah sebab tenet keling ! grr

1 . dashboard>design>edit html . kalau korang nak selamat . korang backup dulu code2 tuh .

2. tekan ctrl+f n search code ni .

<div id='crosscol-wrapper' style='text-align:center'>

<b:section class='crosscol' id='crosscol' showaddelement='no'>

<b:widget id='HTML1' locked='false' title='' type='HTML'/>

</b:section>

</div>

3. tukarkan perkataan no tuh kepada yes tau

4. pergi ke page element , copy code nie and masokkan dlm code html javascrip tuh okay . korang letak kat bahagian bawah header tuh.

<a href="link" class="navigation">nama link</a>

<a href="link" class="navigation">nama link</a>

<a href="link" class="navigation">nama link</a>

5. lepas tuh korang edit lagi code kat edit html . tekan ctrl+f and search code nie ]]></b:skin> and tambah code nie SEBELUM code tuh

a.navigation {

background: #ff0000;

color: #ffffff;

margin: 1px;

padding: 2px;

border-width: 0;

text-transform: uppercase;

text-decoration: none;

font-weight: bold;

}

a.navigation:hover {

background: #404040;

color: #ffffff;

text-decoration: none;

}

6. korang tukar code yang warna tuh .

7. preview dulu , kalau menjadi save . :)

---

Iloveyou :)

---