Membuat Menu Horizontal

1 . Langsung menuju edit HTML

2 . Jangan lupa centang "expand template widget"

3 . Sekarang cari kode ]]></b:skin>

4 . Copas kode dibawah ini dan letakan tepat diatas kode ]]></b:skin>

    /* Navigasi tabs Starts */
    a.darmantotabs, a.darmantotabs:link, a.darmantotabs:visited {display:block; width:102px; height:30px; background:#444444; border:1px solid #ebebeb; margin-top:2px; text-align:center; text-decoration:none; font-family:arial, sans-serif; font-size:12px; font-weight:bold;color:#FFFFFF; line-height:25px; overflow:hidden; float:left;}
    a.darmantotabs:hover {color:#FFFFFF; background:#666666;}
    #darmantobar {width:auto; margin:0 auto;}
    /* Navigasi tabs Sederhana Ends */

5 . Klik simpan

6 . Tambah widget HTML Javascript

7 . Copas kode dibawah ini

    <!-- Navigasi tabs Starts -->
    <div id='darmantobar'>
    <a href="#" class="darmantotabs">Home</a>
    <a href="#" class="darmantotabs">About</a>
    <a href="#" class="darmantotabs">Tutorial</a>
    <a href="#" class="darmantotabs">Download</a>
    <a href="#" class="darmantotabs">Contact</a>
    </div>
    <!-- Navigasi tabs Sederhana Ends -->