Membuat Menu Vertical

black1black2

Cara Meembuat Menu Vertical 1. Login ke blogger trus pilih "Layout-->Edit HTML" 2. Masukkan kode berikut sebelum kode ]]></b:skin> atau sebelum kode </style> Tambah kode berikut : .glossymenu, .glossymenu li ul{<br />list-style-type: none;<br />margin: 0;<br />padding: 0;<br />width: 185px; /*WIDTH OF MAIN MENU ITEMS*/<br />border: 1px solid black;<br />}<br />.glossymenu li{<br />position: relative;<br />}<br />.glossymenu li a{<br />background: white url('url gambar yang kamu pilih') repeat-x bottom left;<br />font: bold 12px Verdana, Helvetica, sans-serif;<br />color: white;<br />display: block;<br />width: auto;<br />padding: 5px 0;<br />padding-left: 10px;<br />text-decoration: none;<br />}<br />.glossymenu li ul{<br />position: absolute;<br />width: 190px;<br />left: 0;<br />top: 0;<br />display: none;<br />}<br />.glossymenu li ul li{<br />float: left;<br />}<br />.glossymenu li ul a{<br />width: 180px;<br />}<br />.glossymenu li a:visited, .glossymenu li a:active{<br />color: white;<br />}<br />.glossymenu li a:hover{<br />background-image: url('url gambar yang kamu pilih');<br />}<br /><br />* html .glossymenu li { float: left; height: 1%; }<br />* html .glossymenu li a { height: 1%; } Lalu Simpan.....Ok Klo udah buka Page Element------>Add HTML/Javascript Tinggal masukkan kode ini : (Copy+paste) <ul id="verticalmenu" class="glossymenu"><br /><li><a href="/">Home</a></li><br /><li><a href="http://3za-net.blogspot.com">3vanza-net</a></li><br /><li><a href="http://3vanza-net.co.cc">Wong e& Kr3asi</a></li><br /><li><a href="http://trik-tips.blogspot.com">Trik-tips</a></li><br /></li><br /></ul><br /> Terus Simpan Udah beres kan....... Lihat Hasilnya OK !!!

Posted in: Artikel,Public,Trik-tips,Tutorial Blog