' Beauty Menu Navigasi wit css Beauty Menu Navigasi wit css | kluwan tips and trick Beauty Menu Navigasi wit css

Jumat, 19 Februari 2010

Beauty Menu Navigasi wit css

Menu Navigasi beauty with css ( not with image ) so load your blog is verry fast. Follow this step :
1. Log in your blog.
2. See code like this ]]></b:skin>
3. Coppy and paste code before code ]]></b:skin>
 
/* Navigasi Menu */
    #navmenu {
    height:auto;
    margin:0;
    width:100%;
    background:#81F781;
    float:left;
    }
    #navmenu ul {
    padding: 0;
    margin:0;
    float: left;
    list-style: none;
    }
    #navmenu li {
    padding:0;
    list-style: none;
    padding: 0;
    margin:0;
    }
    #navmenu ul li {
    float: left;
    display:inline;
    }
    #navmenu li a, #navmenu li a:link, #navmenu li a:visited {
    color:#000000;
    font-family: Verdana;
    text-decoration:none;
    margin:0;
    display:block;
    padding:9px 10px 9px 10px;
    font-size:12px;
    }
    #navmenu li a:hover {
    background:#088A08;
    color:#000000;     }
4. Look code like this :
<div id='header-wrapper'>
    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='(Your name blog) (Header)' type='Header'/>
    </b:section>
    </div>

5. Copppy paste code after no 4 :
<div id='navmenu'>
    <ul id='navmenu'>
    <li><a href='#'>Home</a></li>
    <li><a href='#'>Baik Baik Sayang</a></li>
    <li><a href='#'>Buka Hatimu</a></li>
    <li><a href='#'>Sang Mantan</a></li>
    <li><a href='#'>Separuh Jiwaku Pergi</a></li>
    <li><a href='#'>Rasa Ini</a></li>
    </ul>
    </div>
6. Save.
Good Luck !

Anda Sudah Baca Yang Ini? :

0 komentar:

Klik Here To Show All Comment


Poskan Komentar

newer page older page home