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.

Comments

  1. This comment has been removed by the author.

    ReplyDelete
  2. mantap, tapi judul lagunya ini apa gan?

    ReplyDelete
  3. Judul lagunya: Just Give Me A Reason

    ReplyDelete
  4. cara membuat tampilan menu nya hozrizontal bagaimana om, punya kita hasilnya vertical tampilan menunya :(

    ReplyDelete
    Replies
    1. Tergantung dimana naruhnya... Kalo bisa ditaruh di atas kode < /body>

      Delete
  5. Tidak paham sob ,
    kunjungi http://hamdhan19.heck.in/

    ReplyDelete
  6. terima kasih matur sewun gan

    ReplyDelete
  7. itu berlaku buat blog baru atau blog yang udah pnya CSS tapi pingin rubah pake CSS baru??

    ReplyDelete
  8. bagus juga tampilan menunya >_<

    ReplyDelete
  9. Gan kalo mau buat mnu trus pas klik menu langsung ke buka LINk yang kita inginkn bagaimana.?

    ReplyDelete
  10. scrypt nomer dua dan tiga gimana

    ReplyDelete
  11. makasih min sangat bermanfaat :t

    ReplyDelete
  12. terimakasih min sangat bermanfaat

    ReplyDelete
  13. ini copy pastenya di css atau edit html gan?

    ReplyDelete
  14. Mantap, ini yang ane cari.
    Btw, klo bikin css full gmna ya?

    ReplyDelete

Post a Comment