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 :)







71 comments:
We info yang mantap nih.
Makasih Om Agus infonya !!
Thanks infonya om.
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
Coba dulu ah Om... :)
tak bs dipercaya....
aku masuk 5 besar....
ok om
klu style search ada juga gak om...?
Materu udah selese dibaca...
tinggal praktek de......h..
* materi :D
sip om, makasih infonya
Tips dan trik membuat daftar isi slide in page atau daftar isi autoscroll coba jump ke BLOG PROJECT (utak-atik blogger)
mantaaaap infonya om....
Comment dulu ahh... hihihi,,,,,,, :D
Oom..
Aq mau nanya donk..
Cara buat smile di comment seperti di blog oom nich gmn yo?
Apa pake widget tambahan?
sudah selesai download dan tinggal praktek
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
ho..ho..ini die nih nyang gue cari ternyata om akhirnya posting juga..!! makasih and mantabfzfz OM!!!! :X :X :X ;))
kayanya asik juga nih.save dulu ya om.makasih
hehehe...mantep tuh
btw desain tabnya selalu diupdate sama pihak styledmenusnya nggak om?
Sekali lagi,....Mantabs!!
Menuju TKP, 86.
Wow, pas lagi2 ngedit menu, ternyata om kasih petunjuk. Makasih banget, om.
Ada PeEr buat om neh. Harap dikerjain yah
Nambah lagi nih pilihan menu navigasi. :)
thx imponyah Om...hehehehe rada ribet kl menghias menu
Nah ini yang sudah lama saya car-cari,akhirnya Oom juga yang ngunjukin. makasih makasih
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....... :">
waduw manteb bgt nui omm,saya masi blom kepikiran buat navigasi deh,mau ganti template dulu aja deh ..
Boleh juga template blogku pake menu ini..
http://joomlatutor.bambangoke.com/
tengkyu om
wah bisa mempercantik blog saya nih... mas thx lots....
Terimakasih atas info yang mantep ini...walaupun saya agak ketinggalan mangikuti tulisan blog ini...
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....... :">
Wah... Sip info ny. Bungkus...
Tipsnya JUARA !!!! ;p
nambah lagi neh kantong ilmu saya....makasih Kang
(btw, masih bersediakah menerima sebuah awward apresiasi dr saya Kang. Makasih sebelumnya)
Keren juga sih, tapi sudah kecantol sama template yang sekarang, jadinya males ganti2 :D
Merry Christmas & Happy New Year from Vietnam.
forALLtoALL's Community
salam kenal om dri sya
om minta kode HTML nya dunk bwt sya simpan di blog saya
:D
lagi-lagi infonya menarik tuh diikuti, makasih om infonya :)
Ini yang tak carix2. Yang gak pakai js. thanks.
infonya ships banget om
Makasih Om tipsnya, bermanfaat skali buat saya yg seneng ngotak-atik html.
wah thx dech, ta coba dulu ya OM, :)
q bingung ni, scripnya paste di bagian mn........???
akhirnya blog Q selesai di buat juga walaupun sederhana tapi Q puas banget oooooooooom makasiiiiiiih atas tutorialnya pa lagi ni keren banget.
saya masih bingung
om. klo mw nglinknya gmn,,?
saya msh pemula
om re boleh gak review ulang postingan na diblog re...????
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.
mantab om...
makasih om..menambah ilmu saya...
Om kalau buat Ecover bagai mana cara nya aku down load kok keluar kata bonusnya makasih !" Harap dikrim kemail ku yah mashekiku@gmal.com
wah keren nih ;)
that's great, keep spirit to blogger indonesia, all my respsect just 4 you ommmhehehe
Kalo mau ditambahain anak menunya gimana ? :p :-o
thanks ya...
Ke Tkp dulu akh :D
Regards,
Ghustie Samosir
www.hanyainfo.blogspot.com
kurang jelas om ............ lebih detail lagi donk soalnya saya baru belajar
wah yang mbuat styledmenus om ya?
Menu navigasi seperti ini yg saya suka Om, cm msh bingung di paste di posisi mana? Kasih petunjuk om:((
Makasih....8-}
puyeng euy..tapi thanks atas info nya..blh ga skalian tukeeran link buat blogger awwam seperti saya ni
maksi banyak om...
lucu2 model2 menunya...
mau pasang sekarang ah...
what the....
cuman gitu..tanggung amat om ngasih ilmunya
Waah senang sekali dapat masukan dan info yang kreatif dari ahli blogger yang ratingnya saat ini saya baca di alexa 27,325 .. keren.
thank...ternyata buat menu tdk lah semudah ini
makasi kang oom...
ilmunya dapet...heehee
sy coba om, makasi infony
akan saya coba menunya, thanks for sharing :)
makasih oom, sy sudah sering menggunakennya :)
pake css bkin blog berat..
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