LiburanLiburan & Berwisata Asyik !

Tips cara mudah membuat menu di blog

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……!!!!!!!!!!!!!

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.