Cara Buat CSS Menu Blog Keren

Cara Buat CSS Menu Blog Keren

Halo sobat,

Berbicara mengenai CSS, kali ini saya akan membahas tuntas Cara Membuat CSS Menu yang Keren. Nah Sebelum saya melanjutkan, ada baiknya kalian lihat dulu seperti apa menunya.

Gimana?? Berminat gak?
Yah, kalau sobat semua berminat, Silahkan saja praktekkan cara di bawah ini:
1. Yang pertama yang perlu sobat lakukan ialah Log in ke blog sobat. Disana, Sobat pilih menu Template.

2. Cari Kode </head> . Setelah ketemu, copy pastekan kode di bawah ini, tepat di atas kode </head>

<link href="http://krisanpaulino.nazuka.net/menu_assets2/styles.css" rel="stylesheet" type="text/css">

3. Jika sudah, Copas Kode dibawah ini di mana saja sobat mau. Saya sarankan taruh kode dibawah pada bagian Tata Letak > Tambah Gadget > HTML/JavaScript   dibagian header.


<div id='cssmenu'>
<ul>
   <li class='active'><a href='#'><span>Namamenu</span></a></li>
   <li><a href='#'><span>Namamenu</span></a></li>
   <li><a href='#'><span>Namamenu</span></a></li>
   <li><a href='#'><span>Namamenu</span></a></li>
   <li><a href='#'><span>Namamenu</span></a></li>
   <li><a href='#'><span>Namamenu</span></a></li>
   <li class='last'><a href='#'><span>Namamenu</span></a></li>
</ul>
</div>

Kalau sobat ingin menambahkan menu, tambahkan kode :<li><a href='#'><span>Namamenu</span></a></li>  tepat di antara kode <li><a href='#'><span>Namamenu</span></a></li> dan   <li class='last'><a href='#'><span>Namamenu</span></a></li>

Gimana? Mudah aja kan? Semoga tutorial yang saya berikan diatas, dapat berguna.