Membuat Menu Horizontal

Published On Monday, April 20, 2009 By aceh-online. Under: Tutorial Website/Blog. Tags: , , , , , , , , , , script-dibawah, ,   

Kamu ingin buat menu horisontal…………. seperti ini nih contohnya. Oke yuk kita lanjutkan…

  • Login ke blogger
  • Pilih Layout –> Edit HTML
  • Centang pada kotak “Expand Widget Templates“.
  • Sebaiknya backup template-mu terlebih dahulu. klik Download Full Template
  • Selanjutnya cari kode ]]>
  • Kemudian copy script dibawah ini dan taruh diatasnya kode ]]>

/* — Awal MENU HORISONTAL — */
#tabshori {
float:left;
width:100%;
font-size:12px;
border-bottom:1px solid #2763A5; /* Garis Bawah*/
line-height:normal;
}

#tabshori ul {
margin:0;
padding:10px 10px 0 50px; /*Posisi Menu*/
list-style:none;
}

#tabshori li {
display:inline;
margin:0;
padding:0;
}

#tabshori a {
float:left;
background: url(“http://i594.photobucket.com/albums/tt27/infosehatbugar/blackleft.gif”) no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}

#tabshori a span {
float:left;
display:block;
background: url(“http://i594.photobucket.com/albums/tt27/infosehatbugar/blackright.gif”) no-repeat right top;
padding:5px 14px 4px 4px;
color:#fff;
}

/* Commented Backslash Hack hides rule from IE5-Mac */
#tabshori a span {float:none;}
/* End IE5-Mac hack */
#tabshori a:hover {
background-position:0% -42px;
}

#tabshori a:hover span {
background-position:100% -42px;
}
/* — AKHIR MENU HORISONTAL — */

  • Selanjutnya cari kode dibawah ini

  • Copy script dibawah ini, dan letakkan diatas atau sebelum kode

  • Interna

  • Saraf

  • Jiwa

  • Kulit

  • Bedah

  • Anak

  • Mata

  • THT

  • Obgin

  • Gigi

  • Seksologi

  • Lab

  • Obat

  • Nutrisi-Bugar

  • Tips

  • Journal

  • Ganti link diatas dengan link yang kamu tuju.
  • Lihat hasilnya.

Read the rest here:
Membuat Menu Horizontal

Possibly Related Posts:


Share and Enjoy:

Leave a Reply

IMPORTANT! To be able to proceed, you need to solve the following simple math (so we know that you are a human) :-)

What is 14 + 13 ?
Please leave these two fields as-is:
« Menampilkan Status Yahoo Messenger
 »