Vertical Menu,

• Home
• 1 menu 1
• [new sub-menu item]1.1
• [new sub-menu item]1.2
• [new sub-menu item]1.3
• 2menu 2
• [new sub-menu item]2.1
• [new sub-menu item]2.2
• [new sub-menu item]2.3
• 3 menu 3
• [new sub-menu item]3.1
• [new sub-menu item]3.2
• [new sub-menu item]3.3
• 4 menu 4
• [new sub-menu item]1
• [new sub-menu item]2
• [new sub-menu item]3
• 5 menu 5
• [new sub-menu item]5.1
• [new sub-menu item]5.2
• Profile

Klik Menu Diatas Langsung Terlihat Demonya
Css Code:

#v_mnu_01 ul {
list-style: none;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
text-decoration: none;
}

#v_mnu_01 {
width: 200px;
margin: 10px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #F5AB8B;
border-right-color: #F5AB8B;
border-bottom-color: #F5AB8B;
border-left-color: #F5AB8B;
}

#v_mnu_01 li a {
text-decoration: none;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-bottom-color: #DEBFA3;
}
#v_mnu_01 .notopbrdr0xNone {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

#v_mnu_01 li a:link, #v_mnu_01 li a:visited {
color: #FFFFFF;
display: block;
background-color: #FF8040;
padding-top: 3px;
padding-right: 0;
padding-bottom: 3px;
padding-left: 10px;
}

#v_mnu_01 li a:hover {
color: #80FF00;
background: #A470DE;
padding-top: 3px;
padding-right: 0;
padding-bottom: 3px;
padding-left: 10px;
}

HTML Code:

<div id="v_mnu_01">
<ul>
<li><a href="/">Home</a></li>
<li><a href="http://protonicatv.blogspot.com">1 menu 1</a></li>
<li><a href="http://protonicatv.blogspot.com">[new sub-menu item]1.1</a></li>
<li><a href="http://protonicatv.blogspot.com">[new sub-menu item]1.2</a></li>
<li><a href="http://protonicatv.blogspot.com">[new sub-menu item]1.3</a></li>
<li><a href="http://protonicatv.blogspot.com">2menu 2</a></li>
<li><a href="http://protonicatv.blogspot.com">[new sub-menu item]2.1</a></li>
<li><a href="http://protonicatv.blogspot.com">[new sub-menu item]2.2</a></li>
<li><a href="http://protonicatv.blogspot.com">[new sub-menu item]2.3</a></li>
<li><a href="http://protonicatv.blogspot.com">3 menu 3</a></li>
<li><a href="http://protonicatv.blogspot.com">[new sub-menu item]3.1</a></li>
<li><a href="http://protonicatv.blogspot.com">[new sub-menu item]3.2</a></li>
<li><a href="http://protonicatv.blogspot.com">[new sub-menu item]3.3</a></li>
<li><a href="http://protonicatv.blogspot.com">4 menu 4</a></li>
<li><a href="http://protonicatv.blogspot.com">[new sub-menu item]1</a></li>
<li><a href="http://protonicatv.blogspot.com">[new sub-menu item]2</a></li>
<li><a href="http://protonicatv.blogspot.com">[new sub-menu item]3</a></li>
<li><a href="http://protonicatv.blogspot.com">5 menu 5</a></li>
<li><a href="http://protonicatv.blogspot.com">[new sub-menu item]5.1</a></li>
<li><a href="http://protonicatv.blogspot.com">[new sub-menu item]5.2</a></li>
<li><a href="http://www.facebook.com" class="notopbrdr0xNone">Profile</a></li>
</ul>
</div>

Bantuan : Cara Memasang Menu di Blogger template.