Cara Membuat Menu Di blog

ok sobat! cara membuat menu di blog tidaklah terlalu sulit
caranya:

1. login
2. desain >> tata letak/rancangan >> tambah gedget>> kemudian pilih HTML/java script
3. selanjunya copy paste kode di bawah ini:

<style> /*Start Css Menu*/

.menu {

    border: none;

    border: none;

    margin: 0px;

    padding: 0px;

    font-family: verdana,geneva,arial,helvetica,sans-serif;

    font-size: 14px;

    font-weight: bold;

    color: 8e8e8e;

}

.menu ul {    

    height: 43px;

    list-style: none;

    margin: 0;

    padding: 0;

}

.menu li {

    float: left;

    padding: 0px 8px 0px 8px;

}

.menu li a {

    color: #666666;

    display: block;

    font-weight: bold;

    line-height: 43px;

    padding: 0px 25px;

    text-align: center;

    text-decoration: none;

}

.menu li a:hover {

    color: #000000;

    text-decoration: none;

}

.menu li ul {       

    display: none;

    height: auto;

    filter: alpha(opacity=95);

    opacity: 0.95;

    position: absolute;

    width: 150px;

    z-index: 200;

/*top:1em;

/*left:0;*/

}

.menu li:hover ul {

    display: block;

}

.menu li li {

    display: block;

    float: none;

    padding: 0px;

    width: 150px;

}

.menu li ul a {

    display: block;

    font-size: 12px;

    font-style: normal;

    padding: 0px 10px 0px 15px;

    text-align: left;

}

.menu li ul a:hover {

    background: #949494;

    color: #000000;

    opacity: 1.0;

    filter: alpha(opacity=100);

}

.menu p {

    clear: left;

}

.menu #current {

    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrwewZjHdA1R_zYvSoxBhybk5nmg13oEM6XagJgg0znHeXpYemfWJ6SHjFBy9OeQlP_Eqf2cYbZWc_1IDLfWoEgt8y4bXCp7iMPOvFcFWXjcaCPCbVLj1Jbzc5xn6CJ0SeNnXPBx3oLuA/s1600/helperblogger.com-current-bg.gif) top left repeat-x;

    color: #ffffff;

}

/*End Css Menu from http://www.helperblogger.com/*/

</style> 

<div class="menu">

<ul>

<li><a class="current"><a href="#">HOME</a>

</a>

</li>

<li><a href=" # /search/label/tutorial">TUTORIAL</a>

<ul>

   <li><a href=" # /search/label/tutorial blog">TUTORIAL BLOG</a></li>

</ul></li>

<li><a href=" # /search/label/artikel">ARTIKEL</a>

<ul>

   <li><a href=" # /search/label/cerita lucu">CERITA LUCU</a></li>

  

 <li><a href=" # /search/label/kata mutiara">KATA MUTIARA</a></li>

<li><a href=" # /search/label/artikel umum">ARTIKEL UMUM</a></li>

</ul></li>

<li><a href=" # /search/label/sport">SPORT</a></li>

<li><a href=" # /search/label/novel">NOVEL</a></li>

<li><a href=" # /search/label/catatan">CATATAN</a>

 <ul>

   <li><a href=" # /search/label/semester i">SEMESTER I</a></li>

  

 <li><a href="http://ulilabsor26.blogspot.com/search/label/semester ii">SEMESTER II</a></li>

<li><a href=" # /search/label/semester iii">SEMESTER III</a></li>

</ul></li>

<li><a href=" # /search/label/galerypicture">GALERI PICTURE</a></li>

</ul></div>

Silahkan ganti tanda pagar yang berwarna merah di atas dengan alamat alamat blog sobat.