.
Korang boleh panggil aku dengan nama Azmas ataupun Su.Kenapa nama Azmas yang aku pilih???sebabnya Az tu nama suami aku dan Mas tu nama aku.Aku suka menulis blog.Hobi ku adalah bermain dengan javascript..Aku suka berkawan so kalu korang nak berkawan dengan aku,amatlah dialu-alukan.Mungkin bahasaku tidak seindah sasterawan. So andaikata ada bait-bait kata yang menyinggung perasaan korang, aku susun sepuluh jari memohon maaf.Salam perkenalan kepada semua
maaf sebab dah lama x update blog nie.. sekarang sedang sibuk dengan blog bisness kak sue di bawah nie jemputlah jenguk!!!
jusmate5

Membuat Menu Horizontal


Berminat untuk membuat menu horizontal seperti ini???


1.Mula2 login ke blog korang
2.Klik Layout
3.Klik Edit HTML
4.Cari kod:-

]]></b:skin>,


5.Masukkan script

/*credits : http://galeriazmas.blogspot.com */
#tabshori {
float:left;
width:100%;
font-size:13px;
border-bottom:1px solid #2763A5; /* garisan Bawah*/
line-height:normal;
}
#tabshori ul {
margin:0;
padding:10px 10px 0 50px; /* Menu*/
list-style:none;
}
#tabshori li {
display:inline;
margin:0;
padding:0;
}
#tabshori a {
float:left;
background: url("masukkan url dimana pic korang disimpan.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabshori a span {
float:left;
display:block;
background: url("masukkan url dimana pic korang disimpan.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;
}



diatasnya

6.Cari pula kod

<b:section class='header' id='header'
maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true'
title='your blog title (Header)' type='Header'/>
</b:section>


gantikan tulisan yang berwarna ungu menjadi:-

<b:section class='header' id='header'
maxwidgets='2' showaddelement='yes'>
<b:widget id='Header1' locked='false'
title='your blog title (Header)' type='Header'/>
</b:section>



7.Selepas selesai,save template.
9.Klik Page Elements
10.Klik Add a Sadget
11.Pilih HTML dan copy kod dibawah

<div id="tabshori">
<ul>
<li><a href="url blog korang"><span>Home</span></a></li>
<li><a href="url blog korang"><span>Tajuk blog korang</span></a></li>
<li><a href="url blog korang"><span>Tajuk blog korang</span></a></li>
<li><a href="url blog korang"><span>Tajuk blog korang</span></a></li>
<li><a href="url blog korang"><span>Tajuk blog korang</span></a></li>
</ul>
</div >


12.Save dan sekarang korang boleh berpuashati dengan hasil korang

Luangkanlah sedikit masa korang untuk memberi komen di blog ini kerana setiap komen yang dibuat oleh korang amat bermakna dan secara tidak langsung ianya memberi suntikan semangat untuk saya terus menulis di blog ini...

2 Teman-teman yang sudi komen:

Anonymous said...

nak tanya..
koding nie boleh pakai kat web yg gune php x?

ikmal bin zolkifli said...

saya dah cuba buat...tapi yang keluar cuma tulisan lah kak su...Butang hitam belakang tulusan tu tak ada lak.mohon tunjuk ajar dari kak Su.thanks

Post a Comment

Blog Widget by LinkWithin