HowTo: Create Menu in Your Blog

Tajuk, omputeh saja tapi content dalam BM :P anyways, tutorial ini direquest oleh cik yangyuyu menerusi ruangan komen di tutorial strike through tempoh hari.

To be frank, saya follow tutorial dari page ni.. tapi saya tak ikut sume sbb blog saya nampak tak hensem apabila menggunakan tutorial tersebut sepenuhnya.. cakap macam la blog ni dah hensem sangat kannn..

Cukup² la merapu.. OK, here goes..

1. Masuk ke Dashboard > Layout > Edit HTML.. Cari word /* Header */


2. Paste code kat bawah ni

#menu ul li{
font-size:100%;
list-style-type: none;
display:inline;
padding:0px;
margin:10px;
border:0px solid;
}

#menu li a{
color:#5588aa;
font-weight:bold;
text-decoration:underline;
}

#menu li a:visited {
color: #5588aa;
font-weight:bold;
text-decoration:underline;
}

#menu li a:hover {
color: #F88017;
background: #ffffff;
font-weight:bold;
text-decoration:underline;
}


3. Pi kat Page Element. Add Gadget. Amik HTML/Javascript. Paste code ni
   
   
   <div id='menu'>
   <ul>
   <li><a href="Your URL">Home</a></li>
   <li><a href="Your URL">Advertise</a></li>
   <li><a href="Your URL">About Me</a></li>
   <li><a href="mailto:YOUR EMAIL ADDRESS">Contact</a></li>
   </ul></div>
   
   


4. Yang kaler merah² dalam Step #2 tu boleh adjust ikut kesesuaian kaler yg anda inginkan. Kat Step #3 tu, harus la tukar URL based on link kat blog anda.

Anyway, cik yangyuyu, saya notice, template blog anda mmg dah ada menu header ni.. so, kena la cari dalam CSS code template anda utk menukar link tersebut. Tak payah dah follow step 1-4 ni dah.. hehehe..

Selamat bermenu-menu :D