1. buka TEMPLATE
2. edit HTML

/* ================================================================ 
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/shutter.html
Copyright (c) Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#nav {width:730px; height:34px; background:url(photo2.jpg); border-top:8px solid #888; padding-top:1px; margin:25px auto 50px auto;}
.pad1, .pad2 {width:34px; height:26px; float:left; background:#aaa; margin:10px 1px 0 0;}
.pad2 {margin:10px 0 0 1px;}
#menu, #menu ul  {padding:0; margin:0; list-style:none; float:left;}
#menu li {float:left; margin:1px; position:relative; display:inline;}
#menu li a {display:block; width:130px; height:34px; float:left; text-decoration:none; cursor:pointer;}
#menu li a b {display:block; position:relative; font-weight:normal; font-family:arial, sans-serif;}
#menu li a b.p1 {display:block; overflow:hidden; height:9px; width:0; border-top:8px dashed transparent; border-right:17px solid #bbb; position:absolute; top:0; left:0;} 
#menu li a b.p2 {display:block; overflow:hidden; height:9px; width:0; border-bottom:8px dashed transparent; border-left:17px solid #bbb; position:absolute; top:17px; left:0;} 
#menu li a b.p3 {display:block; overflow:hidden; height:9px; width:0; border-top:8px dashed transparent; border-left:17px solid #888; position:absolute; right:0; top:0;} 
#menu li a b.p4 {display:block; overflow:hidden; height:9px; width:0; border-bottom:8px dashed transparent; border-right:17px solid #888; position:absolute; right:0; top:17px;} 
#menu li a span {display:block; float:left; width:96px; height:26px; background:#aaa; text-align:center; color:#fff; position:absolute; left:17px; top:0; line-height:25px;}
#menu ul {position:absolute; left:-9999px;}
#menu li:hover {padding-top:17px;}
* html #menu li a:hover {white-space:normal; padding-top:17px;}
#menu li:hover > a span {color:#FF8000;}
#menu li a:hover span {color:#FF8000;}
#menu li:hover a b.p1,
#menu li a:hover b.p1 {border:0; border-top:8px dashed transparent; border-left:17px solid #888; top:-8px;}
#menu li:hover a b.p2,
#menu li a:hover b.p2 {border:0; border-bottom:8px dashed transparent; border-right:17px solid #888; top:9px;} 
#menu li:hover a b.p3,
#menu li a:hover b.p3 {border:0; border-top:8px dashed transparent; border-right:17px solid #bbb; top:-8px;} 
#menu li:hover a b.p4,
#menu li a:hover b.p4 {border:0; border-bottom:8px dashed transparent; border-left:17px solid #bbb; top:9px;} 
#menu li:hover ul, 
#menu li a:hover ul {left:-1px; top:52px; width:184px; background:url(no.gif);}
#menu li:hover ul li,
#menu li a:hover ul li {margin-top:-7px;}
#menu li a:hover ul li a span {color:#fff;}
#menu li a:hover ul li a:hover {padding-top:17px;}
#menu li a:hover ul li a:hover span {color:#000;}

<div id="nav">
<div class="pad1"></div>
<ul id="menu">
<li><a href="http://www.nasibloger.blogspot.com"><b><b class="p1"></b><b class="p2"></b><span>HOME</span><b class="p3"></b>
<li><a href="#nogo"><b><b class="p1"></b><b class="p2"></b><span>Softwere</span><b class="p3"></b><b class="p4"></b></b><!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
    <ul>
    <li><a href="#nogo"><b><b class="p1"></b><b class="p2"></b><span>Antivirus</span><b class="p3"></b><b class="p4"></b></b></a></li>
    <li><a href="#nogo"><b><b class="p1"></b><b class="p2"></b><span>Antimalwere</span><b class="p3"></b><b class="p4"></b></b></a></li>
    <li><a href="#nogo"><b><b class="p1"></b><b class="p2"></b><span>Antispywere</span><b class="p3"></b><b class="p4"></b></b></a></li>
        </ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#nogo"><b><b class="p1"></b><b class="p2"></b><span>TV ONLINE</span><b class="p3"></b><b class="p4"></b></b><!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
    <ul>
   <li><a href="#nogo"><b><b class="p1"></b><b class="p2"></b><span>Mivo TV</span><b class="p3"></b><b class="p4"></b></b></a></li>
    <li><a href="#nogo"><b><b class="p1"></b><b class="p2"></b><span>Kompas T</span><b class="p3"></b><b class="p4"></b></b></a></li>
    <li><a href="#nogo"><b><b class="p1"></b><b class="p2"></b><span>Animal Planet</span><b class="p3"></b><b class="p4"></b></b></a></li>
    </ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#nogo"><b class="t1"><b class="p1"></b><b class="p2"></b><span>Contacts</span><b class="p3"></b><b class="p4"></b></b><!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
    <ul>
    <li><a href="#nogo"><b><b class="p1"></b><b class="p2"></b><span>Email</span><b class="p3"></b><b class="p4"></b></b></a></li>
        </ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#nogo"><b><b class="p1"></b><b class="p2"></b><span>Links</span><b class="p3"></b><b class="p4"></b></b><!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
    <ul>
    <li><a href="#nogo"><b><b class="p1"></b><b class="p2"></b><span>Exchange Link</span><b class="p3"></b><b class="p4"></b></b></a></li>
    <li><a href="#nogo"><b><b class="p1"></b><b class="p2"></b><span>Banner link</span><b class="p3"></b><b class="p4"></b></b></a></li>
    <li><a href="#nogo"><b><b class="p1"></b><b class="p2"></b><span>Other blog</span><b class="p3"></b><b class="p4"></b></b></a></li>
<li><a href="#nogo"><b><b class="p1"></b><b class="p2"></b><span>Game Online</span><b class="p3"></b><b class="p4"></b></b></a></li>
        </ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li></b></a></li></ul></div>