GENERATOR CSS3 MENU DI BLOGGER

Akhirnya, setelah beberapa hari memeras otak dan keringat tercipta juga generator menu css3 ini.
Dimana Generator menu ini merupakan versi yang kedua dari Generator menu sebelumnya, dimana tampilan dan perubahan dari menu bisa langsung dilihat.

Generator ini aku buat berdasarkan gabungan script dari Jstorage dan css-tricks dan dilakukan pengolahan script supaya hasilnya seperti terlihat di bawah ini.

GENERATOR MENU CSS3

NAMA MENULINK MENU 
TAMBAH
Lihat Hasil Kodenya
</div>

73 komentar:

  1. Cara pasangnya sederhana koq... untuk blog pada umumnya... tinggal copy saja hasil kodenya... masukkan ke add widget > html/script > simpan...

    Kemudian taruh posisinya tepat di bawah header...

    BalasHapus
  2. makasih pak udah nyediakan ini.. :D

    BalasHapus
  3. susah banget ya mau nyesuainnyaa. sampe mentok ini otak tetep aja nga bisa bisa.. zzzzzzz
    ga ada yg pas sama template yg d pake..

    BalasHapus
  4. Lah... Om, ini gimana cara pasangnya? bingung nih saya. Udah di letakan di bawah header tapi tetap tidak bisa.
    Btw sekalian tukeran link mas. Punya mas sudah terpasang di saya.

    http://bilbulsama.blogspot.com/

    BalasHapus
  5. sya cba dlu ya....
    lw simpan di template, kira-kra dsblah mana ya...?

    BalasHapus
  6. sory gan ane.. yang salah scriptnya... sekarang sudah diupdate... bisa langsung di coba maning... thenkyou gan...

    BalasHapus
  7. NIce......
    Keren BRo....

    Thanks yEAaaaa.....

    BalasHapus
  8. artikelnya bagus-bagus mas :D

    BalasHapus
  9. manteb blog n isinya mas,,,
    ijin kopas beberapa artike ya,,,

    oh iya,, follow balek ya mas,,,

    http://khairiocu.blogspot.com/

    thanks

    BalasHapus
  10. gan maksih ilmunya,nuwun sewu ,saya nyadap ilmunya ya ,ni ane lgi belajar ngeblog di http://lesehankita.blogspot.com

    BalasHapus
  11. gan supaya bisa di simpen di kiri gimana
    thx mas
    ruli3f.blogspot.com

    BalasHapus
  12. pada kode css menuq, tambahin kode float:left

    BalasHapus
  13. gan, misal ada home,profile,photos .trus klo mau ngisi sesuatu kehalaman profile ama photo gmn???

    BalasHapus
  14. oh iya.... truzz om gimana cara buat sub menunya ya?

    BalasHapus
  15. @indra : tinggal dikasih link profile-nya apa misal profile-nya alamatnya di twitter, nach kasih dah alamat link twitter di profile

    @refardo gelora : sub menu bisa dilihat di postingan ini http://www.karsono.co.cc/2011/02/membuat-sub-menu-di-blogger.html

    BalasHapus
  16. Oke mas meski kurang sesuai dengan keinginnan saya tapi ini sangant membantu

    BalasHapus
  17. iJIN PAKAI MAS. SALAM KENAL DAN TERIMAKASIH....

    BalasHapus
  18. sudah pusing cari ternyata dapat yang lebih mudah...terima kasih mas....

    BalasHapus
  19. hemppp mantab'' iki yg aku cari2''
    matursuhun :D

    BalasHapus
  20. thanks mas.......

    bikin postingan readmore yg baru donk dan mudah,,soalnya yg postingan itu masih bingung.

    thanks ya.

    BalasHapus
  21. waaah harus banyak belajar nih..saya kebetulan blogger baru nih.. salam kenal abang2 senior semua.
    ini link saya..
    paretoadvent8.blogspot.com

    BalasHapus
  22. hebat ... hebat....hebat!! ternyata banyak anak bangsa yg jenius. gan, apa gak sebaiknya dibuat file .exe nya. saya yakin kalo ini yg dicari2 banyak pecinta blogspot

    BalasHapus
  23. Mas, kalo menu yang kita buat cuma lima item misalnya, khan masih banyak space kosong yang disebelah kirinya... nah biar terisi penuh sampai ke kiri gimana ? terisi penuh dengan kotak menunya tanpa menambah item, jadi kosong gitu.

    Maksih sebelumnya.

    BalasHapus
  24. mas terima kasih yah atas bimbinganya sekarang punya sya sda jadi www.mulyamedika1.co.cc

    BalasHapus
  25. may. gmn caranya bikin menu itu "Home
    Generator
    Network
    ForumArsip
    Email" baru belajar ni. tolong di bantu ya

    BalasHapus
  26. Siiip, Mbois tenan Sam, ane udah cari kemana-mana, eeee... ternyata ketemunya disini, pokok'e apik tenan. suwun bro!..

    BalasHapus
  27. maaf...
    daritadi saya simpan ke template...
    slalu eror karna kodenya tidak mendukung...
    tolong pencerahannya ^___^

    BalasHapus
  28. follow saya mas brow newbie ni...butuh byk bantuan

    BalasHapus
  29. wah bagus nie mas bro..
    moga mendapatkan pahala yg melimpah atas kreatifitasnya. sukses yach...

    BalasHapus
  30. makasih kk...
    aku udh berhasil ^__^

    BalasHapus
  31. kk...
    maaf,saya mau tanya..
    cara membuat "html" baru gmn sih ?
    kok pas di klik profilnya,malah balik lg ke blog kita ?
    tolong pencerahannya ya ? ^__^

    BalasHapus
  32. pada linknya coba tambahin kode target="_blank" contoh : <a url='http://www.karsono.co.cc' target='_blank'>karsono<a>

    BalasHapus
  33. kalau laman tidak tersedia maksudnya apa tuh ?

    BalasHapus
  34. gan kok tetap aja kagak keluar gan?

    BalasHapus
  35. halow kang karsono mau tanyak nih.. klo cara pasang menu ini di blog saya gimana caranya kang boleh di ajari ?? boleh mintak script nya.

    www.trenfo.co.cc

    BalasHapus
  36. ko masukin postingan kemenu ndak bisa ya..??
    klo cara nata postingan, dll ke menu gimana om...???
    maklum newbie.

    www.rt07rw27.co.cc

    BalasHapus
  37. wah keren nih blognya, thx atas ilmunya, ijin copas ya, tlg donk minta ilmunya utk buat menu seperti diblog mas karsono, mhn diemail ke emailku: bersediabelajar@gmail.com, aku masih newbie di dunia blog jd perlu banyak bantuan, thx mas karsono, fr: www.bersediabelajar.blogspot.com

    BalasHapus
  38. oiya...blog mas ini bagus sekali boleh minta temple-nya gak ya...
    makasih

    "dimas.it.pratama@gmail.com"

    BalasHapus
  39. makasih masss..
    dari (fajar ainul yaqien)

    BalasHapus
  40. saya sudah buat tapi kenapa ada tanda bintangnya y?dan bentuk menunya hanya itu saja? tapi keren ko... karena blog ini saya bisa membuat menu tampilan blog saya makasih y...

    BalasHapus
  41. Bagus Sob... btw, ada ga generator bwt menu tab view..?
    Tq.

    BalasHapus
  42. kang, caranya biar otomatis ke link2 yang dituju gimana kang?tolong pemberitahuannya soalnya saya masih kesusahan dalam hal itu, kalo yang diatas udah bisa tapi kok masuknya ke home trus..dan gak bisa ke link yang dituju..

    BalasHapus
  43. WAH bagus bgt tampilanya...mkcih ya gan..

    BalasHapus
  44. hohoh
    thanks info nya, sangat berguna :D

    www.adib-times.uni.cc

    BalasHapus
  45. mantaaaapp

    dah lama ane cari2 ternyata dapat nya disini,,,
    terimakasih banget gan,,,

    Kunjungi Bklog Ane ya : http://laberdodacommunity.blogspot.com

    BalasHapus
  46. makasih ya gan http://iqbal-gamez.blogspot.com/

    BalasHapus
  47. Makasih ya, blog ini beserta informasinya sangat bermanfaat bagi ku

    BalasHapus
  48. super sekali, dan sangat membantu..
    trima kasih gan!!!

    BalasHapus
  49. Ini Sangat Membantu Thanks Semoga Blog Nya Tetap Sukses

    BalasHapus
  50. thanks ya gan...aku coba dulu :D

    BalasHapus
  51. wah mantap betul....betul betul instan, jenius banget ini agang.....

    BalasHapus
  52. wah...mantb banget gan, stlah di coba trnyata g bikikin ribet, maklum masih belajar gan...
    nanya lagi nih gan...gmn bikin sub menunya ya dari masing2 ling tsb...
    mksh sblumnya, sy doain tambah sukses gan n minta bimbingannya trus...

    BalasHapus
  53. MHn Penjelasanya secara rinci untuk sub menunya karena saya masih newbe,..:)

    BalasHapus
  54. MAKASIH YA GAN,AKU MAU COBA DULU

    BalasHapus
  55. Minta Scriptnya Donk Kak !

    BalasHapus
  56. Tutorialnya mudah sekali diaplikasikan langsung ke dalam template blog saya. Hasilnya sangat instan dan kira bisa mempreview dulu sebelum dipasang ke blog kita. Terimakasih atas karya dan kerja kerasnya. Tuhan menyayangi Anda!!!

    BalasHapus
  57. okey boss cukup membantu ini.

    thanks..?

    BalasHapus
  58. Minta ijin copy paste css3nya .....Mantap tenan!

    BalasHapus
  59. om...nanya nih. Kalo cara nyimpan tulisan di menu gimana ya??? Dari tadi nggak ketemu caranya. bantu ya? maklum...jd blogger baru dua jam yang lalu.

    BalasHapus
  60. nice gan , , izin make generatornya ya . .

    BalasHapus