Submit

71
StyledMenus: Koleksi Css Menu Navigasi

Sebenarnya banyak sekali contoh menu navigasi yang bisa anda temukan di search engine, tapi tidak semua menu yang anda temukan juga kompatibel dengan semua web browser (termasuk dalam platform blogger). Nah, biar anda tidak perlu pusing-pusing mencari pilihan CSS Menu, saya menyarankan anda untuk mengunjungi layanan StyledMenus.



StyledMenus merupakan kumpulan Style Css Menu navigasi yang didesain menggunakan kode CSS dengan gaya professional. Ada sekitar 20 lebih pilihan menu navigasi yang bisa anda gunakan untuk blog anda. Cara menggunakannya juga tidak begitu rumit, anda tinggal memilih saja contoh menu Css-nya kemudian mendownloadnya lalu memasangnya kembali diblog anda.


Cara menggunakannya di blogger:


1. Pilih menu CSS dan download, kemudian extract file zip tersebut.


2. Biasanya ada 3 file, CSS, HTML dan satu folder image


3. Upload semua file yang ada dalam folder image ke hosting anda atau tempat biasanya anda menyimpan gambar.


4. Ada 2 cara menggunakan kode CSS, bisa diupload di hosting lain atau langsung memasangnya di antara CSS kode dalam halaman EDIT HTML.


<link href="http://alamaturl.com/style.css" rel="stylesheet" type="text/css" />


Kode diatas untuk memanggil kode CSS jika di host dialamat lain


5. Jangan lupa menyesuaikan alamat lokasi gambar yang ada dalam kode CSS


6. Cara menggunakan menunya

<div id="menu">
<ul>
<li><a href="#" class="red">home</a></li>
<li><a href="#" class="orange">about us</a></li>
<li><a href="#" class="yellow">services</a></li>
<li><a href="#" class="green">solutions</a></li>
<li><a href="#" class="blue">contact us</a></li>
</ul>
</div>


7. Silahkan simpan pekerjaan anda dan lihat hasilnya :)


Oh iya, om mengucapkan terima kasih buat sahabat blogger adek Syamsul Alam yang sudah mereview blog om disini. silahkan disimak ya :)

Dengan memasukan alamat email dibawah ini, berarti anda akan dapat kiriman artikel terbaru dari o-om.com di inbox anda:


71 comments:

Bambangxp mengatakan...

We info yang mantap nih.
Makasih Om Agus infonya !!

Beat2ws mengatakan...

Thanks infonya om.

Blogger Bumen ® mengatakan...

Sip Om..

Kami mengundang Anda warga Kebumen untuk bergabung di KOMUNITAS BLOGGER KEBUMEN.
Silakan klik DISINI untuk bergabung.
Please tell to the other.
Thanks

Salam blogger Kebumen

Hangga Nuarta mengatakan...

Coba dulu ah Om... :)

pukimaki mengatakan...

tak bs dipercaya....
aku masuk 5 besar....

project mengatakan...

ok om

Project mengatakan...

klu style search ada juga gak om...?

komara mengatakan...

Materu udah selese dibaca...

tinggal praktek de......h..

komara mengatakan...

* materi :D

Umar Khaliyf Muhammad mengatakan...

sip om, makasih infonya

Abdul Gamal mengatakan...

Tips dan trik membuat daftar isi slide in page atau daftar isi autoscroll coba jump ke BLOG PROJECT (utak-atik blogger)

frendli mengatakan...

mantaaaap infonya om....

feLix's mengatakan...

Comment dulu ahh... hihihi,,,,,,, :D

rampadan cupu mengatakan...

Oom..
Aq mau nanya donk..
Cara buat smile di comment seperti di blog oom nich gmn yo?
Apa pake widget tambahan?

Risdianto mengatakan...

sudah selesai download dan tinggal praktek

tipis mengatakan...

wah css menu ya, saya suka nih. lebih ringan daripada javascript menu. makasih infonya om mantab deh nih info cucok buat saya yg sering bikin web :D

oentoe09 mengatakan...

ho..ho..ini die nih nyang gue cari ternyata om akhirnya posting juga..!! makasih and mantabfzfz OM!!!! :X :X :X ;))

ipanks mengatakan...

kayanya asik juga nih.save dulu ya om.makasih

Istifajar mengatakan...

hehehe...mantep tuh

btw desain tabnya selalu diupdate sama pihak styledmenusnya nggak om?

indungg mengatakan...

Sekali lagi,....Mantabs!!
Menuju TKP, 86.

Anthony Harman mengatakan...

Wow, pas lagi2 ngedit menu, ternyata om kasih petunjuk. Makasih banget, om.
Ada PeEr buat om neh. Harap dikerjain yah

Tongkonan mengatakan...

Nambah lagi nih pilihan menu navigasi. :)

Cebong Ipiet mengatakan...

thx imponyah Om...hehehehe rada ribet kl menghias menu

widada mengatakan...

Nah ini yang sudah lama saya car-cari,akhirnya Oom juga yang ngunjukin. makasih makasih

Syamsul Alam mengatakan...

Wow...... ganti gak ya navigation barku.... huehueheuheu...... banyak pilihan malah bikin pusing nih..... hihihihi......

Wow.... ada link back nih... hueheuheu........ makasih om. Padahal itu bagian dari acara review massal saya.....

Jadi, maul.... huehueheue....... :">

sandy mengatakan...

waduw manteb bgt nui omm,saya masi blom kepikiran buat navigasi deh,mau ganti template dulu aja deh ..

BambangOke mengatakan...

Boleh juga template blogku pake menu ini..

http://joomlatutor.bambangoke.com/

iBnu mengatakan...

tengkyu om

idotkontji mengatakan...

wah bisa mempercantik blog saya nih... mas thx lots....

Rezki Handoyo mengatakan...

Terimakasih atas info yang mantep ini...walaupun saya agak ketinggalan mangikuti tulisan blog ini...

VISUAL COMPUTER mengatakan...

Wow...... ganti gak ya navigation barku.... huehueheuheu...... banyak pilihan malah bikin pusing nih..... hihihihi......

Wow.... ada link back nih... hueheuheu........ makasih om. Padahal itu bagian dari acara review massal saya.....

Jadi, maul.... huehueheue....... :">

AiWY mengatakan...

Wah... Sip info ny. Bungkus...

dev mengatakan...

Tipsnya JUARA !!!! ;p

gus mengatakan...

nambah lagi neh kantong ilmu saya....makasih Kang
(btw, masih bersediakah menerima sebuah awward apresiasi dr saya Kang. Makasih sebelumnya)

NdesO mengatakan...

Keren juga sih, tapi sudah kecantol sama template yang sekarang, jadinya males ganti2 :D

4ALL2ALL mengatakan...

Merry Christmas & Happy New Year from Vietnam.

forALLtoALL's Community

jamal mengatakan...

salam kenal om dri sya

jamal mengatakan...

om minta kode HTML nya dunk bwt sya simpan di blog saya

Ray Blog mengatakan...

:D

yoyo mengatakan...

lagi-lagi infonya menarik tuh diikuti, makasih om infonya :)

2mk mengatakan...

Ini yang tak carix2. Yang gak pakai js. thanks.

Internet To Education in The World mengatakan...

infonya ships banget om

KAWANUA LAW CRIME mengatakan...

Makasih Om tipsnya, bermanfaat skali buat saya yg seneng ngotak-atik html.

andiva mengatakan...

wah thx dech, ta coba dulu ya OM, :)

jefonsesyp mengatakan...

q bingung ni, scripnya paste di bagian mn........???

imajinasi mengatakan...

akhirnya blog Q selesai di buat juga walaupun sederhana tapi Q puas banget oooooooooom makasiiiiiiih atas tutorialnya pa lagi ni keren banget.

eric mengatakan...

saya masih bingung

Anonim mengatakan...

om. klo mw nglinknya gmn,,?
saya msh pemula

Vareanda When Tea mengatakan...

om re boleh gak review ulang postingan na diblog re...????

JUNARDI mengatakan...

link href="http://alamaturl.com/style.css" rel="stylesheet" type="text/css"
kode diatas di paste kemana om?
ane mau pasang di blog soalnya, ga mudeng nih ..

mohon bantuannya om,

TQ.

Gilang Pratama Putra mengatakan...

mantab om...

mezzaluna mengatakan...

makasih om..menambah ilmu saya...

CV. ADEM ATI mengatakan...

Om kalau buat Ecover bagai mana cara nya aku down load kok keluar kata bonusnya makasih !" Harap dikrim kemail ku yah mashekiku@gmal.com

Anonim mengatakan...

wah keren nih ;)

Febby mengatakan...

that's great, keep spirit to blogger indonesia, all my respsect just 4 you ommmhehehe

contoh mengatakan...

Kalo mau ditambahain anak menunya gimana ? :p :-o
thanks ya...

Ghustie Samosir mengatakan...

Ke Tkp dulu akh :D

Regards,
Ghustie Samosir

www.hanyainfo.blogspot.com

dikez mengatakan...

kurang jelas om ............ lebih detail lagi donk soalnya saya baru belajar

hokya mengatakan...

wah yang mbuat styledmenus om ya?

yans"dalamjeda" mengatakan...

Menu navigasi seperti ini yg saya suka Om, cm msh bingung di paste di posisi mana? Kasih petunjuk om:((
Makasih....8-}

AmmaRZ mengatakan...

puyeng euy..tapi thanks atas info nya..blh ga skalian tukeeran link buat blogger awwam seperti saya ni

GigiSehatBadanSehat mengatakan...

maksi banyak om...
lucu2 model2 menunya...
mau pasang sekarang ah...

Anonim mengatakan...

what the....
cuman gitu..tanggung amat om ngasih ilmunya

Kurt mengatakan...

Waah senang sekali dapat masukan dan info yang kreatif dari ahli blogger yang ratingnya saat ini saya baca di alexa 27,325 .. keren.

quantamultimedia.com mengatakan...

thank...ternyata buat menu tdk lah semudah ini

Medicine Of Herbal mengatakan...

makasi kang oom...
ilmunya dapet...heehee

Cek Info mengatakan...

sy coba om, makasi infony

oncomiaku mengatakan...

akan saya coba menunya, thanks for sharing :)

Toko Bunga Alam mengatakan...

makasih oom, sy sudah sering menggunakennya :)

manusia aneh mengatakan...

pake css bkin blog berat..

Belitung mengatakan...

Today I got a lot of information from your article .. I hope you continue to write articles that are beneficial to us all .. .. Greetings .. success for you ..

Poskan Komentar

Silahkan beri komentar dengan bijak dan jangan sampai komentar anda masuk dalam {COMMENTS SPAM}. Thanks

 

About Agus Ramadhani

Agus RamadhaniAgus Ramadhani dan lebih dikenal dengan panggilan OOM memulai kegiatan Blogging sejak tahun 2007 hingga sekarang. Saat ini dia focus sebagai profesional Blogger dan menjadi penulis dibeberapa blog miliknya yang cukup populer diantaranya..

Anda dapat menemukan OOM pada Twitter, Facebook dan Google+ dan Anda juga dapat menghubunginya di oom[at]o-om.com

GRATIS BLOGGER TEMPLATES

  
Segera konfirmasi email anda agar saya bisa mengirimkan template terbaru gratis ke email anda.