Coba sorot salah satu menu untuk melihat efeknya

Langsung cara pasang ya..
PERTAMA:
Buka Template ----- Edit HTML ----- Jangan lupa lakukan backup template ----- kemudian beri tanda cek pada 'Expand Widget Templates' kemudian cari kode:
]]>
copy code dibawah ini dan letakkan di atas kode yang diatas tadi, simpan template:

/*---------------------
menufs3 ateonsoft.com
------------------------*/
#menufs3-wrapper {width:100%; height:27px; background: #000000 url('http://www.geocities.com/f_415_47/HMenuImage/menufs3bg.gif') repeat-x top left;
border-top:1px solid #333; padding-left:0px; margin-bottom:9px; overflow:hidden}
#menufs3-wrapper h2 {display:none}
#menufs3, #menufs3 ul {padding: 0px; margin: 0; list-style: none; font: normal 0.95em arial; color:#fff;}
#menufs3 a {display: block;text-decoration: none; border-right: 1px solid #000; border-left: 1px solid #202020; color: #fff; 
background: #000 url('http://www.geocities.com/f_415_47/HMenuImage/menufs3bg.gif') repeat-x top left;; padding-left:9px; padding-right:9px; padding-top:6px; padding-bottom:7px}
#menufs3 a.awal {padding: 0px; border-left: 0px none;width: 90px; height:27px;
background: #000 url('http://www.geocities.com/f_415_47/HMenuImage/menufs3Awal.gif') no-repeat;}
#menufs3 a.awal:hover{background: #000 url('http://www.geocities.com/f_415_47/HMenuImage/menufs3Awalhvr.gif') no-repeat;}
#menufs3 a.awal em {display:none;}
#menufs3 a.IndukMenu {font-weight:bold; text-transform:uppercase;}
#menufs3 a.akhir {padding: 0px; border-left: 0px none; border-right: 0px none; width: 27px; height:27px;
background: #000 url('http://www.geocities.com/f_415_47/HMenuImage/menufs3logoVisited.gif') no-repeat;}
#menufs3 a.akhir:hover {background: #000 url('http://www.geocities.com/f_415_47/HMenuImage/menufs3logoHvr.gif') no-repeat;}
#menufs3 a.akhir em {display:none;}
#menufs3 li {float: left;width: 9em;}
#menufs3 li.akhir{border-left: 1px solid #202020; height:27px; width: 1px; padding: 0px}
#menufs3 li.akhir em{display:none;}
#menufs3 li.kanan{float: right; border-left: 0px none;}
#menufs3 li ul, #menufs3 ul li  {width: 14em;}
#menufs3 ul li a  {color: #565656;border-left: 0px none; border-right: 0px none; padding-left:5px; padding-right:10px; padding-top:5px; padding-bottom:5px}
#menufs3 li ul {position: absolute; display: none; background-color: #000000; z-index:200;border-right: 1px solid #141414; border-left: 1px solid

#141414;
border-bottom: 1px solid #141414; margin-left:-1px;text-align: left;}
#menufs3 li:hover a, #menufs3 a:focus, #menufs3 a:active{color: #ffff00; background-color: #000;
background-image:url('http://www.geocities.com/f_415_47/HMenuImage/menufs3hvr.gif'); background-repeat:repeat-x}
#menufs3 li:hover ul{display: block;}
#menufs3 li:hover ul a{color: #fff; border-top:1px solid #141414; background-image:url('none');}
#menufs3 ul a:hover {background-color: #202020!important;color: #ffff00!important;}
#menufs3 li {width: auto;}

KEDUA:
Masuk pada Template --- Elemen halaman --- kemudian buat elemet baru atau klik "Tambahkan sebuah Elemen Halaman" --- tentu saja cari lokasi widget (gadget) yang disebelah atas halaman posisinya. Pilih "HTML/Javascript" --- dan masukkan kode dibawah ini. Sebelumnya kamu edit dengan link menu kamu sendiri.

 
Home


Games

Tes Pribadimu
Tipuan Mata
File Sulap
Tebak Pikiran



Islami


Hikmah


Kajian Islam


Kisah Islami


Kisah Nabi


Nasihat


Renungan


TAFSIR




Guest Book

Contact me via direct email



Akhir dari li (bullet) menufs1 Induk

ateonsoft