Membuat Menu Vertikal di Blogspot

Cara membuat menu di blog - lebih tepatnya menu vertikal di blogspot alias blogger. Menu vertikal atau pun menu horizontal memang tidak bisa di hindari dalam dunia blogger.dipostingan saya kali ini, saya akan memberikan tutorial Cara membuat menu di blog .

Cara membuat menu Vertikal di Blogspot

1. Login ke blog anda > Klik Design
2. Add a gadged dan pilih HTML / javascript
3. Penempatan gadged atau widget tepatnya pada sidebar kanan atau kiri, karena menu ini vertikal dan tentunya susunan menunya kebawah.
4. Copy kode berikut dan paste pada gadge.

<style>
.menu-vertikal, .menu-vertikal li ul{list-style-type: none;margin: 5px;width: 250px; /*Lebar Menu*/border: 1px solid black;}
.menu-vertikal li{position: relative;}
.menu-vertikal li a{background: #000000;font: bold 12px Verdana, Helvetica, sans-serif;color: #FFFFFF;display: block;width: auto;padding: 5px 0;padding-left: 10px;text-decoration: none;}
.menu-vertikal li ul{position: absolute;width: 250px;display: none;}
.menu-vertikal li ul li{float: left;}
.menu-vertikal li ul a{width: 250px;}
.menu-vertikal li a:visited, .glossymenu li a:active{color: white;}
.menu-vertikal li a:hover{background: #454545;}
* html .menu-vertikal li { float: left; height: 1%; }
* html .menu-vertikal li a { height: 1%; }
</style>
<ul id="verticalmenu" class="menu-vertikal">
<li><a href="/">Home</a></li>
<li><a href="http://Link1">Menu1</a></li>
<li><a href="http://Link2">Menu2</a></li>
<li><a href="http://Link3">Menu3</a></li>
</ul>

          5. Kemudian Save

ternyata gampangkan, Membuat Menu Vertikal di Blogspot .