Cara Buat CSS Menu Blog Keren

on
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. Krisan Paulino9 May 2013 at 16:58

    This comment has been removed by the author.

    ReplyDelete
  2. Aprimadyaz1 June 2013 at 01:30

    mantap, tapi judul lagunya ini apa gan?

    ReplyDelete
  3. Krisan Paulino1 June 2013 at 06:05

    Judul lagunya: Just Give Me A Reason

    ReplyDelete
  4. Unknown16 July 2013 at 03:00

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

    ReplyDelete
    Replies
    1. Krisan Paulino16 July 2013 at 04:53

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

      Delete
  5. Unknown30 July 2013 at 08:22

    hmm susah juga iya gan :(

    ReplyDelete
  6. Unknown5 August 2013 at 17:12

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

    ReplyDelete
  7. Unknown16 August 2013 at 09:03

    terima kasih matur sewun gan

    ReplyDelete
  8. Unknown1 November 2013 at 12:24

    :s

    ReplyDelete
  9. Richard Raja7 November 2013 at 00:05

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

    ReplyDelete
  10. Unknown16 November 2013 at 18:37

    bagus juga tampilan menunya >_<

    ReplyDelete
  11. Unknown7 June 2014 at 19:19

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

    ReplyDelete
  12. Unknown7 August 2014 at 17:02

    :t

    ReplyDelete
  13. Unknown30 October 2014 at 22:26

    :m

    ReplyDelete
  14. Bonnyagus26 November 2014 at 20:11

    scrypt nomer dua dan tiga gimana

    ReplyDelete
  15. Unknown10 March 2015 at 23:22

    makasih min sangat bermanfaat :t

    ReplyDelete
  16. Unknown4 June 2015 at 21:41

    terimakasih min sangat bermanfaat

    ReplyDelete
  17. Unknown9 June 2015 at 00:37

    ini copy pastenya di css atau edit html gan?

    ReplyDelete
  18. Septian Rishal29 August 2015 at 03:31

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

    ReplyDelete

Post a Comment