Membuat menu vertikal yang menarik

Membuat menu navigasi menarik digunakan agar blog terlihat lebih rapi dan lebih bagus. Contoh dari menu vertikal

» Home

» Tentang Kami

» About

» Facebook

» Twitter

untuk membuat menu seperti di atas. berikut step by stepnya

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.

Thanks..

By Siikakamania