Sekarang kita akan belajar membuat menu horizontal yang sederhana di header. Yang perlu ditekankan adalah kesederhaan itu. Karena memang menu itu saya buat hanya menggunakan kode HTML yang sederhana berupa deretan link-link. Menu navigasi yang mudah akan memberikan pengalaman yang baik bagi pembaca blog kita. Menu horizontal ini saya buat terlebih dulu dengan menambahkan elemen gadget di header. Jika sudah, langkah selanjutnya adalah sebagai berikut.
Cara Membuat Menu Horizontal Sederhana di Header
1. Pilih Rancangan
2. Klik Tambah Gadget yang ada di Header
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:
<b><div style="text-align: center;"> <a href="http://kurniasepta.blogspot.com">Home</a>| <a href="http://kurniasepta.blogdetik.com">Blogdetik</a>| <a href="http://kurniasepta.wordpress.com">Wordpress</a>| <a href="http://kurniasepta.multiply.com">Multiply</a>| <a href="http://kurniasepta.posterous.com">Posterous</a>| <a href="http://twitter.com/kurniasepta">Twitter</a>| <a href="http://www.facebook.com/kurniasepta">Facebook</a>| </div></b>
5. Teks yang berwarna hijau adalah URL yang dituju sedang yang berwarna merah adalah teks yang tampil. Kita bisa menambahkan lebih banyak link sesuai lebar header dan link yang ingin kita tampilkan, dengan menambahkan kode yang tercetak miring setelah | yang terakhir.
6. Simpan jika sudah selesai.
69 komentar:
keren;)
Nice posting sob...
makasih banyak yahhhh,,,,,
info yang sangat membantu, thanks for sharingnya, salam kenal ya..
keren gan, boleh dicoab ni
akun premium filesonic dll. gratis
linux shop
software full, hp, tips dan trik, antivirus, game
http://slovech.us
akan lebih mudah kalau menggunakan fasilitas laman bro.
terimakasih gan ^^
jangan lupa berkunjung ke juandimas22.blogspot.com
thx
wah tulisannya ok
sipp,, bakalan ane coba.. makasii
mANtAp gaN MAMPIR KE blog ane GAn http://bebas212.blogspot.com
berkunjung sob..salam blogger
sukses selalu yah..:)
Salam Blogger dan Semoga Sukses Selalu.
makasih gan, keren banget dah (y)
Tanks gan, mantep, gimana jika isi halaman utamanya langsung muncul?
bos, kenapa kalo di klick buka new windows?
@ahmad irfan: makasih, sudah diperbaiki
jangan lupa mampir ke nasihatnet.blogspot.com.....kalian perlu nasihat gan
Info mantap mas bro
sip,, deh_
makasi ye gan??
makasi pelajarannya.
berkunjunga :)
postingan keren semuanya ....
keren blog nya, banyak yg follow
http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif
keren lansung dipasang di www.tiketbox.co.cc
cek it out gan .. ;)
thx infonya:) sudah dicoba dan berhasil:) terimakasih
makasih banyak master...
q nyoba trik2 laen yang lebih rumit ngak bisa...tp ni trik nya simple tp sukses..thanks
di coba dah
:D
thanks bro..met kenal....
website terbaru seperti WIKIPEDIA.ORG kunjungi www.okiputerautomo.co.cc
Mau diterapkan mas, tapi di page elements blog ane kok bad request (error 400) ya mas? bisa kasih solusi mas? trims
trims mas. membantu sekali =)
Mantap. .berhasil
follow back ya catatanrizkyaburizal.blogspot.com :D
kalau memper besar hurufnya gimana...?
;;)
mantaf agan...sukses sll, izin ambil!!!
terimah kasih atas script untuk blogger nya
wah makasih info nya boz langsung aku cobain yach...nex time mampir ke blog ku karina foto collection.blogspot.com
makasi infonya gan... 10 jempol buat nt.
mampir ke blog gw gan...!!!
;)) ;;) :D ;)
jazakallah tipsnya sobat...:))
sangat bermanfaat
Sangat bermutu ni blog....
informasinya sangat berkesan
wah..gampang ya..keren jg itu
bagaiman ngerubah warnax gan?
Wah sebagai pemula di dunia blogger masih bingung gan. Entar tanya lagi lah ya. Padahal dah ngebet mau bikin menu horizontal ini. Ini memang lain sama wordpress ya? Di wordpress lebih gampang, tapi fasilitas lain lebih minim, atau saya yang nggak ngerti saja ya?
gan gimana caranya kalo mau masukin kode html ke laman?
ane gak bisa pake cara yg otomatis :(
maksih gan sukses di aplikasikan, klau untuk merubah ukuran hurufnya gimana gan?..maaf blogger pemula!
ijin nyoba yah sob.. terima kasih tutorialnnya yah...
Makasih Atas Sharing Nya Bermanfaat Banget ! =))
mantap ni gan, saya baru aja bikin satu blog di blog detik, maju blogger indo....
gan ketika saya mengganti templete keluar peringatan seperti ini:Maaf, tetapi kami tidak dapat menyelesaikan permintaan Anda.
Bila melaporkan kesalahan ini kepada Dukungan Blogger atau di Grup Bantuan Blogger, harap:
Uraikan apa yang Anda lakukan ketika menemui kesalahan ini.
Berikan kode kesalahan berikut.
bX-pp9c9u
Informasi ini akan membantu kami melacak dan mengatasi masalah Anda! Maaf atas ketidaknyamanan ini.
Apa maksudnya gan makasih,
keren banget...sederhana dan mudah,,makasih gan atas tipsnya..semoga sukses
saya mau coba pasang di blog saya yang baru.
@DIIKA SCURITY: coba agan log out dulu, setelah itu bersihkan riwayat/history browsingnya dan keluar dari layar browsing (chrome, ffox, opera). Setelah mulai browsing lg dan buka akun bloggernya gan. Pasti bisa.
kejadian seperti itu dikarenakan sebelumnya agan buka akun blogger yag lain sehingga masih meninggalkan riwayat browsing (cache).
Mantap bro..
Thx yo..
Jgn lupa kunjungi http://voip2012.blogspot.com
Lumayan sih bro.. mampir lapak ane di www.equalztnero.com ya.. kita tukeran link, :)
apanya yg keren?
aku sudah coba tapi kok barisnya vertikal, bagaimana caranya agar tampak horisontal memanjang, lalu ngisi teksnya bagaimana? pertanyaan terakhir gimana caranya ngisi blog dengan musik biar orang yang mengunjungi kita pada enjoy
thank you
Mantep banget deh.. Lancar banget udah lama pake tips dari blog ini.. :)
udah di coba lanfgsung hasil y sukse
keren gan
akhri nya bisa juga buat nya
Nice pos Gan :D
Jangan lupa kunjungannya Gan
Cara Membuat Blogroll Model Scrollbar
patut dicoba
=))
:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( =))
huuumkt begitu tah caranya
Poskan Komentar
Berkomentarlah di blog ini dengan cerdas
* Jangan mencantumkan link apapun, contoh: http://xxx
* Untuk menampilkan emoticon, ketik kodenya, contoh: =))
* Karena banyaknya SPAM, terpaksa kami tampilkan verifikasi kata
Jangan sampai komentarmu dihapus karena tidak mematuhi aturan!