Menu Vertikal Lagi Cuuuyyyy

Fasilkom 2011- Universitas Esa Unggul: waduh kayanya ada yang baru lagi nie buat menu vertikalnya, asyik blog mankin cantik aja ok langsung aja kawan AJIP (anak jadul ingin pintar) Tinggal Copy Code berikut dan anda tinggal paste kan di tambah gadget / add gadget blog anda. Menu yang saya buat akan menghasilkan tampilan seperti di bawah ini :



1. Masuk ke tata letak / layout.

2. Tambah gadget html/javascript dan paste kan kode berikut ini :

<style>
/*Warna ketika mouse belum di dekatkan*/
#berubah
{
background-color: #383b20;
font-size: 16px;
}
/*Warna teks sebelum mouse di dekatkan*/
#berubah a
{
color:#FFFFFF
}
/*warna setelah mouse di dekatkan*/
#berubah:hover
{
background-color:silver;
color:#000000;
font-size:20px;
}
/*Warna teks setelah mouse di dekatkan*/
#berubah a:hover
{
color:#000000;
font-size:20px;
}
</style>

<table><tbody><tr><td width="330px" id="berubah"><a href="#">&#187; Home</a></td></tr>

<tr><td id="berubah"><a href="#">&#187; Tentang Kami</a></td></tr>

<tr><td id="berubah"><a href="#">&#187; About</a></td></tr>

<tr><td id="berubah"><a href="#">&#187; Facebook</a></td></tr><tr>

<td id="berubah"><a href="#">&#187; Twitter</a></td></tr></tbody></table>

Ganti Tangda # dengan link tujuan anda. Begitujuga dengan tulisan menu anda. ganti sesuai keinginan.

Ganti width="330px" untuk Lebarnya.

Demikianlah tips dan trik blogspot saya tentang membuat menu vertikal cantik terbaru ini. Anda tidak perlu pergi ke situs situs penyedia layanan menu vertikal yang biasanya berat dan menambah loading blog anda. Kode di atas telah saya buat untuk meminimalisir loading blog. Dan tidak akan memperngaruhi loading blog anda karena tidak mengandung javascript. Sekian terimakasih :-)