Membuat Menu Vertikal Tanpa Edit HTML

 

Cara pembuatan menu vertikal ini cukup mudah karena cara pembuatannya tidak perlu dilakukan melalui edit html. Anda hanya perlu mengkopi kode yang ada dibawah ini kemudian pastekan ke gadget blog anda.

Untuk contohnya bisa dilihat dibawah :

JUDUL MENU
JUDUL MENU
JUDUL MENU
JUDUL MENU
JUDUL MENU
JUDUL MENU
JUDUL MENU

Adapun caranya yaitu silahkan anda masuk ke Blogger. Setelah login, lalu pilih TATA LETAK teruskan ELEMENT HALAMAN. Lalu Pilih TAMBAH GADGET, pilih HTML/ JavaScript. setelah itu anda Masukan code 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>
===================================

Selamat Mencoba ^__^

Posted in: Tutorial Blog