menu sidebar 5 cantik keren

sumber : http://earning-news.blogspot.com/
Menu v ertikal adalah jenis menu yang tersusun dari arah atas ke bawah, menu vertikal sangat banyak dipergunakan dalam semua website atau webblog karena memberikan kemudahan dalam navigasi halaman blog. pembahasan mengenai cara pembuatan menu vertikal sangat banyak anda temukan di internet, dan kali ini saya akan menuliskan artikel mengenai cara pembuatan menu vertikal yang daat anda pasang di blog anda. cara pembuatan menu vertikal ini cukup mudah karena cara pembuatannya tidak perlu dilakukan melalui menu edit html. jadi anda hanya perlu mengkopi kode yang ada dibawah ini kemudian pastekan ke gadget blog anda.

langkah – langkah yang harus anda lakukan juga sangat mudah, kita mulai saja sekarang.

login ke blog lalu tata letak terus elemen halaman kemudian tambah gadget dan langsung pilih html/java script. terus copy kode di bawah ini

=============================================
<style type="text/css">

#coolmenu{
border: 0px solid black;
width: 100%;
background-color: #FFCCFF;
}

#coolmenu a{
font: bold 13px Verdana;
padding: 2px;
padding-left: 4px;
display: block;
width: 100%;
color: BLACK;
text-decoration: none;
border-bottom: 1px solid #330099;
}

html>body #coolmenu a{ /*Non IE rule*/
width: auto;
}

#coolmenu a:hover{
background-color: #FFCC99;
color: black;
HEIGHT:15PX;
}

</style>

<div id="coolmenu">
<a href="LINK ANDA">JUDUL MENU
<a href="LINK ANDA">JUDUL MENU
<a href="LINK ANDA">JUDUL MENU
<a href="LINK ANDA">JUDUL MENU
<a href="LINK ANDA">JUDUL MENU
<a href="LINK ANDA">JUDUL MENU
<a href="LINK ANDA">JUDUL MENU
</div>

=============================================

sekian trims