HowTo: Create Menu in Your Blog


Tajuk, omputeh saja tapi content dalam BM :P

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

  3. #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;
    }

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


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

Selamat bermenu-menu :D

1 comments:

nelcyndana said...

camner pula nak bg dia center kat tgh2 atas?