Total Tayangan Halaman

Pengikut

SCRIPT ATAU KODE UNTUK MEMBUAT MENU HORIZONTAL DI BLOG

Minggu, 13 Februari 2011

Mungkin bagi sobat blogger sudah tak asing lagi mengenai menu  horizontal pada blog, iya khan?? banyak alasan mengapa menu horizontal ini diperlukan... yakni agar tampilan blog semakin keren atau agar pengunjung lebih mudah mencari postingan kita yang sesuai dengan minatnya..
Khan mustahil ada pembaca yang membuka semua postingan kita. Paling tidak dengan memasang menu horizontal, mereka lebih enjoy..
Oh iya, umumnya menu horizontal itu biasanya memakai kode dan css, yang kadang bagi blogger pemula mengalami kegagalan.. Dan menurut saya, cara tersebut sangat ribet.. mengapa???
karena kadang kode css nya tidak berfungsi. Oleh karena itu saya ingin memberikan cara yang mudah untuk membuat menu horizontal, semudah memasang widget biasa (misalnya widget alexa atau hitstat)..
berikut cara-caranya:
1. masuk dulu di blog kamu
2. pilih rancangan atau layout
3. selanjutnya klik tambah gadget (pilih yang mana saja tempatnya, terserah... ^^)
4. Klo sudah pilih HTML/Java script
5. Lalu paste kode di bawah ini:



<div id="tabs10"> <!-- tabs10 begin -->
       <ul>
 <!-- Change the links with your own links -->
<li id="current"><a href="http://imranxrhia.blogspot.com"><span>Home</span></a></li>
<li><a href="http://imranxrhia.blogspot.com/search/label/komputer"><span>Trik Komputer</span></a></li>
<li><a href="http://imranxrhia.blogspot.com/search/label/download"><span>Download</span></a></li>
<li><a href="http://imranxrhia.blogspot.com/search/label/Tips Blog"><span>Tips Blog</span></a></li>
<li><a href="http://imranxrhia.blogspot.com/search/label/CPNS"><span>Lulus CPNS</span></a></li>
<li><a href="http://imranxrhia.blogspot.com/2011/01/ayo-tukeran-link.html"><span>Tukeran Link...</span></a></li>
<li><a href="http://imranxrhia.blogspot.com/search/label/Islam"><span>Artikel Islami</span></a></li>
<li><a href="http://imranxrhia.blogspot.com/search/label/informasi"><span>Informasi</span></a></li>
       </ul>
      </div ><!-- tabs10 end -->


keterangan: ganti yang warna merah dengan alamat atau url yang ingin di tuju... dan warna orange isi dengan nama yang ingin di tampilkan di menu


6. Klik simpan..
7. selanjutnya pindahkan widget tersebut ke header agar menunya terlihat horizontal.. Sekian semoga berhasil

8 komentar:

luthfie fadhillah mengatakan...

Mantaaap.. siagan pinter banget ...

ciri2 anak bangsa yang creatip :D

Khalis Muliamar mengatakan...

sy spendpat dg pemberi komentar terdahulu,...mantep banget& kreatif, saluuuutt!!!

imran dias mengatakan...

@muliamar: mksh yagh atas pujianx...
Sy buat postingan di atas supaya teman2 yg lain gak kesulitan membuat menu horizontal..
^_^

Khalis Muliamar mengatakan...

blognya semakin jempolan nich..sy jadi ngiri..pengen punya blog yang keren kaya gini, salam dari bima ntb

purwanti mengatakan...

emmm ia saya pasang di widget tapi tampilan menunya gak horizontall.. bantuin dong... kalo gak keberatan bisa lihat di blog studifarmasi.blogspot.com nah menunya jadi kaya gitu..thanks thanks ditunggu jawabannya.

imran dias mengatakan...

oh iya, tapi apakah kamu dah praktekkan cara yg sy jelaskan di blogku?
Memang klo km cara pasangx pake edit html, biasax kode css nya yg gak brfungsi...
Jd krn i2 pake caraku di mana kmu gak usah edit html, cuma pasang widgetx aja. Tp klo km gak ngerti, nanti sy tambahin gambr tutorial tsb.. Ok,
mohon konfirmasi kembali ke blogku yagh..

imran dias mengatakan...

wah, gimana yagh... Padahal klo cara ini pzti brhasil..
Bdw apa km sudah benar2 memasangx di header blogmu?
N klo memang mau buat menu: coba km pake yg kayak pux ku di samping yakni menu tab view, lebih keren koq...
Tapi klo brsikeras mau membuat menu horizontal. coba masuk di posting lalu pilih edit laman..
Fungsix sama dgn membuat menu horizontal, coba aja dlu

purwanti mengatakan...

kalo pake menu edit laman kan satu laman cuma buat satu posting gak bisa banyak..menu tab view apa lg?

Posting Komentar