Menu sidebar 1 dengan gadget atau widget utk blogger dan wordpress
menu vertikal cantik sederhana Ini merupakan menu yang saya buat dan telah saya update menjadi menu yang sedikit lebih cantik dari sebelumnya. :-D. Untuk membuat nya, Caranya sangat gampang. Tinggal Copy Code berikut dan anda tinggal paste kan di tambah gadget / add gadget blog anda.
berikut previewnya
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="#">» Home</a></td></tr>
<tr><td id="berubah"><a href="#">» Tentang Kami</a></td></tr>
<tr><td id="berubah"><a href="#">» About</a></td></tr>
<tr><td id="berubah"><a href="#">» Facebook</a></td></tr><tr>
<td id="berubah"><a href="#">» 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.
demikian trims
berikut previewnya
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="#">» Home</a></td></tr>
<tr><td id="berubah"><a href="#">» Tentang Kami</a></td></tr>
<tr><td id="berubah"><a href="#">» About</a></td></tr>
<tr><td id="berubah"><a href="#">» Facebook</a></td></tr><tr>
<td id="berubah"><a href="#">» 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.
demikian trims