Sudah satu pekan ga nulis diblog, akhirnya bisa nulis lagi kali ini . Pada kesempatan ini akan dijelaskan cara mudah membuat menu di blog, rasanya kurang kalo diblog yang kita buat tidak ada menu-menu diatas halaman/ header, selain untuk mempercantik/memperbagus blog, juga untuk mempermudah navigasi blog kita.
- Caranya login ke blog masuk ke rancangan tambahkan gadget dibagian atas halaman/ header
- Kemudian pilih HTML/JavaScript, untuk mendapatkan codenya
- Kemudian masuk ke link ini generetor css menu
- Kemudian rancang sesuai keinginan, pilih MENU STYLE, KOTAK MENU, FONT MENU, EFEK MENU, dst bisa dicoba- coba
- Untuk melihat hasilnya klik generate kode menunya
- Kemudian COPY PASTE CODINGNYA
Contoh codenya:
#menuq {
margin:0; padding:10px;}
#menuq a{
display:0;width:100px;border-style:dotted;border-width:1px;border-color:#990000;background-color:#66FF00;color:#0000FF;font-family:Cursive;font-size:12pt;padding:5px; text-decoration:none;}
#menuq a:hover{
border-width:1px;border-color:#ff0000;background-color:#ffff33;color:#33cc33;border-Left:10px #ff0000 solid;text-decoration:none;}
</style>
<div id=”menuq”><a href=”http://” target=”_self”>Home</a>
<a href=”http://” target=”_blank”>Contoh</a>
<a href=”http://” target=”_self”>Contoh</a>
<a href=”http://” target=”_self”>Contoh</a>
<a href=”http://” target=”_self”>Contoh</a></div>
Pada Generetor CSS Menu hanya menampilkan 5 menu, untuk menambahkan menu copy paste pada bagian yang berwarna merah kemudian beri nama menu dan targetnya/ linknya..
Selamat mencoba……!!!!!!!!!!!!!