Cara nak buat senarai...

Copy kode yang ada di bawah ini, lalu paste di kotak html.

<select onchange="window.open(this.options[this.selectedIndex].value)" style="font-family: comic sans ms; width: 170; background-color: #ffffff; font-size: 11; font-weight: bold; color:#000000" name="menu36" size="1"><br /><option/>Kawan-Kawan <br /><br /><option style="TEXT-DECORATION: NONE" value="http://syababulislam.blogspot.com/"> <br />Zahar <br /><br /><br /><option style="TEXT-DECORATION: NONE" value="http://dzulhilmitantawi.blogspot.com/"> <br />pakcik zul <br /><br /><br /> <br /> <br /> <br /><tr></tr></select>

katun kecik yang baru utk posting.

Buat CSS.

Berikut adalah langkahnya :
Klik kanan pada kedua gambar di bawah ini, lalu Save Picture As...
lalu save dulu di komputer anda.


gambar
link Gambar
kredit : Zaki




Sebenarnya anda boleh saja menggunakan kedua alamat tersebut,
namun saya khawatir jika terlalu banyak yang memakai alamat
tersebut bisa terjadi limited band with sehingga gambar tidak
dapat tampil dan menu anda jadi tidak bagus, jadi sebaiknya
pake alamat sendiri ya.

Berikut adalah salah satu cara menginstall menu tabs6 :
Langkah #1

1. Silahkan Sign in di blogger dengan ID anda.


2. Klik Layout.


3. Kemudian klik tab Edit HTML.


4. Klik tulisan Download Template Lengkap, silahkan di save dulu untuk backup (penting).


5. lihat ke bagian kode template anda, kemudian cari kode ]]></b:skin>


6. Copy kode yang ada di bawah ini, lalu paste di atas kode ]]></b:skin>




<br /><br />/*<br />==================================================<br /><br />Tabs6<br /><br />Author : Christopher Ware<br />URL : http://www.exploding-boy.com<br /><br />Tutorial oleh Rohman<br />URL : http://kolom-tutorial.blogspot.com<br /><br />kunjungi blog saya untuk tutorial menu lainnya<br /><br />==================================================<br />*/<br /><br />#tabs6 {<br />float:left;width:100%;<br />background:#efefef;<br />font-size:13px;<br />line-height:normal;<br />border-bottom:1px solid #666;<br />}<br /><br />#tabs6 ul {<br />margin:0;padding:10px 10px 0 5px;<br />list-style:none;<br />}<br /><br />#tabs6 li {<br />display:inline;<br />margin:0;<br />padding:0;<br />}<br /><br />#tabs6 a {<br />float:left;<br />background:url("http://ahom24.googlepages.com/tableft6.gif") no-repeat left top;<br />margin:0;padding:0 0 0 4px;text-decoration:none;<br />}<br /><br />#tabs6 a span {<br />float:left;display:block;background:url("http://ahom24.googlepages.com/tabright6.gif") no-repeat right top;<br />padding:5px 15px 4px 6px;<br />color:#fff;<br />font-weight:bold;<br />}<br /><br />/* Commented backslah Hack hides rule from IE5-Mac \*/<br /><br />#tabs6 a span {<br />float:none;<br />}<br />/* End IE5-Mac hack */<br /><br />#tabs6 a:hover span {<br />color:#C2FB77;<br />}<br /><br />#tabs6 a:hover {<br />background-position:0% -42px;<br />}<br /><br />#tabs6 a:hover span {<br />background-position:100% -42px;<br />}<br /><br />#tabs6 #current a {<br />background-position:0% -42px;<br />}<br /><br />#tabs6 #current a span {<br />background-position:100% -42px;<br />} <br /><br />



7. Silahkan lihat ke bagian bawah, lalu cari kode yang seperti ini :

<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>





8. Ubahlah kode yang berwarna hijau, sehingga kodenya menjadi seperti ini :

<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>



9. Kemudian klik Simpan Template.Silahkan tunggu
   beberapa saat.

Langkah #2

1. Klik tab Elemen Halaman


2. Lalu klik Tambahkan sebuah Elemen Halaman yang ada di bagian header (elemen paling atas).


3. setelah munculwindow popup, klik TAMBAHKAN KE BLOG yang untuk HTML/JavaScript.


4. Copy lalu paste kod berikut pada kolom yang tesedia (jangan lupa untuk merubah alamat gambarnya) :







<br /> <br /> <br /> <div id="'tabs6'"> <br /> <ul><br /><br /><!-- Silahkan ganti tanda pagar (#) dengan link milik anda --><br /><br /><li id="'current'"><a href="'#'" title="'your"><span>Home</span></a></li><br /><li><a href="'#'" title="'your"><span>Products</span></a></li><br /><li><a href="'#'" title="'your"><span>Services</span></a></li><br /><li><a href="'#'" title="'your"><span>Support</span></a></li><br /><li><a href="'#'" title="'your"><span>Contuct Us</span></a></li><br /><li><a href="'#'" title="'your"><span>Obral Plus</span></a></li><br /><li><a href="'http://kolom-tutorial.blogspot.com'" title="'tutorial"><span>Blogspot Tutorial</span></a></li><br /></ul><br /> </div><!-- #tabs6 end --><br />



5. Klik tombol Simpan Peribahan.


6. Selesai, silahkan lihat hasilnya.

Terkadang jika anda melakukan instalasi sesuai dengan langkah
diatas, untuk beberapa template hasilnya kurang bagus. Oleh karena
itu, saya akan mencoba menulis dengan cara lain. Namun cara ini
hanya untuk Template Minima (template asli dari blogger).

Langkahnya sebagai berikut :

1. Silahkan Sign in di blogger dengan ID anda.


2. Klik Layout.


3. Kemudian klik tab Edit HTML.


4. Klik tulisan Download Template Lengkap, silahkan di save dulu untuk backup (penting).


5. Beri tanda centang pada kotak di samping tulisan Expand Template Widget , lihat gambar di bawah :









6. Tunggu beberapa saat ketika proses sedang berlangsung


7. lihat ke bagian kode template anda, kemudian cari kode ]]></b:skin>


8. Copy kode yang ada di bawah ini, lalu paste di atas kode ]]></b:skin>




<br /><br />/*<br />==================================================<br /><br />Tabs6<br /><br />Author : Christopher Ware<br />URL : http://www.exploding-boy.com<br /><br />Tutorial oleh Rohman<br />URL : http://kolom-tutorial.blogspot.com<br /><br />kunjungi blog saya untuk tutorial menu lainnya<br /><br />==================================================<br />*/<br /><br />#tabs6 {<br />float:left;width:100%;<br />background:#efefef;<br />font-size:13px;<br />line-height:normal;<br />border-bottom:1px solid #666;<br />}<br /><br />#tabs6 ul {<br />margin:0;padding:10px 10px 0 5px;<br />list-style:none;<br />}<br /><br />#tabs6 li {<br />display:inline;<br />margin:0;<br />padding:0;<br />}<br /><br />#tabs6 a {<br />float:left;<br />background:url("http://ahom24.googlepages.com/tableft6.gif") no-repeat left top;<br />margin:0;padding:0 0 0 4px;text-decoration:none;<br />}<br /><br />#tabs6 a span {<br />float:left;display:block;background:url("http://ahom24.googlepages.com/tabright6.gif") no-repeat right top;<br />padding:5px 15px 4px 6px;<br />color:#fff;<br />font-weight:bold;<br />}<br /><br />/* Commented backslah Hack hides rule from IE5-Mac \*/<br /><br />#tabs6 a span {<br />float:none;<br />}<br />/* End IE5-Mac hack */<br /><br />#tabs6 a:hover span {<br />color:#C2FB77;<br />}<br /><br />#tabs6 a:hover {<br />background-position:0% -42px;<br />}<br /><br />#tabs6 a:hover span {<br />background-position:100% -42px;<br />}<br /><br />#tabs6 #current a {<br />background-position:0% -42px;<br />}<br /><br />#tabs6 #current a span {<br />background-position:100% -42px;<br />} <br />



9. Silahkan lihat ke bagian bawah, lalu cari kode yang seperti ini :


<div class='descriptionwrapper'>

<p class='description'><span><data:description/></span></p>


</div>

</b:if>

</b:includable>

</b:widget>

</b:section>







10. Hapus kode diatas, lalu ganti dengan kode berikut :







<br /> <br /><div class="'descriptionwrapper'"> <br /><p class="'description'"><span><data:description/></span></p><br /></div><br /></b:if><br /></b:includable><br /></b:widget><br /></b:section><br /><br /> <div id="'tabs6'"> <br /> <ul><br /><br /><!-- Silahkan ganti tanda pagar (#) dengan link milik anda --><br /><br /><li id="'current'"><a href="'#'" title="'your"><span>Home</span></a></li><br /><li><a href="'#'" title="'your"><span>Products</span></a></li><br /><li><a href="'#'" title="'your"><span>Services</span></a></li><br /><li><a href="'#'" title="'your"><span>Support</span></a></li><br /><li><a href="'#'" title="'your"><span>Contuct Us</span></a></li><br /><li><a href="'#'" title="'your"><span>Obral Plus</span></a></li><br /><li><a href="'http://kolom-tutorial.blogspot.com'" title="'tutorial"><span>Blogspot Tutorial</span></a></li><br /></ul><br /> </div><!-- #tabs6 end --><br /><br />



11. Klik tombol Simpam Perubahan.


12. Selesai. silahkan lihat hasilnya.

Agar mendapat variasi yang berbeda, sedikit akan saya tambahkan.
jika anda melakukan langkah di atas, maka hasil yang di dapat adalah
tab-tab atau menu-menu akan mepet ke sebelah kiri, jika ingin sedikit
menjorok ketengah anda harus menambahkan sedikit kode. kodenya yang ini :


#tabs6 {

float:left;width:100%;

background:#efefef;


font-size:13px;

line-height:normal;

border-bottom:1px solid #666;

}



kode yang di tambahkan adalah seperti ini :



#tabs6 {

float:left;width:90%;

background:#efefef;

font-size:13px;

line-height:normal;

border-bottom:1px solid #666;

padding-left:10% ;


}



Angka 10% adalah besarnya nilai jarak sela dari sebelah kiri,
silahkan di ubah sesuai kebutuhan.

kredit:-roman

**Update...

Gambar kecik dlm posting...

assalammualaikum..
klau nak buat mcm gamba kat atas ni,
rujuk la kat otai aku :- abang roman
sekian...

Shoutcut untuk Mozilla.

Assalammalaikum...
hai....
arini Zahar nak kongsi cara yang x yah pakai mouse...
x yah pakai mouse?? ala,senang cite,shoutcut pakai keyboard la...

Tapi ni Zahar Nak kongi untuk sesiapa yang pakai Mozilla je..
Jap ea...

Haa,dah jumpa dah...

1.tekan:Ctrl dan F @ Ctrl dan G
untuk cari perkataan kat laman yang korang buka. (kotak di bahagian bawah)

korang tulis la perkataan yang korang cari dalam kotak tu.

tekan Esc
untuk tutup kotak tu.

2.tekan: Ctrl dan D
untuk mem-bookmark website yang korang minat. Bookmark ni untuk simpan website kegemaran. Jadi bila da simpan,lepas ni x yah nak tulis² lagi,tinggal cari dan klik je kat bookmark.

3.tekan: Ctrl dan n
untuk membuka window baru

Atau tekan: Ctrl dan t
untuk membuka tab baru

Dan, tekan: Ctrl dan W
untuk menutup tab.

4.tekan: Ctrl dan K
untuk terus ke kotak enjin pencarian yang biasanya ada kat atas belah kanan.

5.tekan: Ctrl dan = @ Ctrl dan +
untuk besarkan besar ukuran huruf

Atau, tekan: Ctrl dan -
uttuk kecilkan ukuran huruf

6. tekan: F5
untuk refresh laman web

7. tekan: Spacebar
untuk paparkan halaman bawah website.

dan, tekan: Shift dan spacebar
untuk ke atas semula.

abis da..ni la saje shoutcut yang Zahar reti untuk mozilla..

emm,ni sesaje nk kongsi gak..
kalau nak copy,tekan :Ctrl dan c.
kalau nak cut,tekan : Ctrl dan x.
dan kalau nak paste,tekan : Ctrl dan v.

sekian untuk kali ini..
chaiyok 4 exam..
tata..

Asteeg Emotion.

Sape nak saye ajo masukkan katun ni dalam posting,bg tau la ye..

Perhatian...

Kepada pengunjung,blog ni adalah untuk experimen..
byk kajian dan latihan bakal di lakukan di sini..
Blog ini juga untuk kongsi2 ilmu mengenai blog.
oleh itu,di harap jangan terkejut dengan apa2 yang berlaku di blog ini..
jika ada pape yang nak inform,tulis kat komen ke,chat box kat laman utama ke..
ok..ok..ok..