Kamis, 09 Mei 2013

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 bagi semua sobat yang membacanya. . Dan jangan Lupa, buat yang mau copas artikel ini, saya mohon dengan sangat, "Tolong tambahkan Sumber"

See you Later.
Masukan alamat Email kamu disini untuk mendapatkan artikel terbaru..!

Artikel Yang Berhubungan



advertisment zona

Comments :

0 komentar to “Cara Buat CSS Menu Blog Keren”


Posting Komentar

Terimaksih atas Komentar anda, Semoga Blog ini menjadi lebih baik. Salam....

← Previous Post Next Post → Home
Related Posts Plugin for WordPress, Blogger...
 
Hgpromo.org