<table border=”2″ cellpadding=”6″ cellspacing=”6″><tr><td>CODE BANNER 1</td><td>CODE BANNER 2</td></tr><tr><td>CODE BANNER 3</td><td>CODE BANNER 4</td></tr></table>
Contoh hasil coding di atas;
| CODE BANNER 1 | CODE BANNER 2 |
| CODE BANNER 3 | CODE BANNER 4 |
Maksud bagi coding di atas;
border=size bagi border untuk kotak table. Kalau tak nak bagi nampak (transparent) buat nombor “0″.
cellpading=size bagi jarak diantara ruang kandungan dengan kotak (cell) table.
cellspacing=size bagi jarak di antara kotak (cell) table.
<td></td>=table content bagi masukkan coding atau apa-apa ayat yang disukai.
<tr></tr>=table row untuk buat lajur melintang yang baru
SOALAN 1: Bagi adqayum dan azwan yang bertanyakan bagaimana nak tambah kotak/column(lajur menegak)?? Caranya korang just tambah coding ni;
Untuk tambah row(lajur melintang) pulak korang tambah coding ni;
Contoh kalau korang nak buat 1 row+5 column;
<tr><td>column1</td><td>column2</td><td>column3</td><td>column4</td><td>column5</td></tr>
SOALAN 2: puteriizyan, decrewz dan sis bee bertanyakan bagaimana nak adjust size banner bagi semua sama saiz?
Contoh coding banner pertama cik tom;
<a href=”http://tomatogurlslife.blogspot.com/” target=”_blank”><img src=”http://i43.photobucket.com/albums/e378/tihah/bannerciktom-1.gif” border=”0″ height=”125” width=”125” /></a>
Korang just adjust size pada code height dan width kepada size yang korang suka. Contoh semua size banner yang cik tom adjust ialah height=”100″ width=”100″.
Contoh coding banner kedua cik tom;
<a href=”http://tomatogurlslife.blogspot.com”> <img src=”http://i837.photobucket.com/albums/zz293/realwanda/ciktom.png” border=”0″ alt=”tag2″ /></a>
Pada coding ni takde pulak coding height dan width kan. So nak buat macam mana?? Caranya korang just tambah je sendiri coding height=”100″ width=”100″ di dalam coding. Contohnya;
<a href=”http://tomatogurlslife.blogspot.com”> <img src=”http://i837.photobucket.com/albums/zz293/realwanda/ciktom.png” border=”0″ alt=”tag2″ height=”100″ width=”100” /></a>
~~~~~~CARA MASUKKAN CODING MENGGUNAKAN ENCODE~~~~~~
STEP 1
Sila buka website ni dengan klik di SINI.
STEP 2
Coding untuk banner korang atau apa-apa coding yang korang suka masukkan dalam kotak dalam website tue. Contoh coding untuk banner yang cik tom guna;
<a href=”URL BLOG” target=”_blank”><img src=”URL GAMBAR” border=”0″ height=”SIZE TINGGI” width=”SIZE LEBAR” /></a>
STEP 3
Klik button “encode”.
Step 4
Copy dan paste code yang telah di encode ke dalam entry atau sidebar. Kalau nak masukkan code tue ke dalam scroll box sila follow up next step.
~~~~~~CARA UNTUK BUAT KOTAK SCROLL~~~~~~
Copy dan paste coding di bawah ke dalam entry ataupun sidebar;
<div style=”BORDER-BOTTOM: 1px solid; BORDER-LEFT: 1px solid; PADDING-BOTTOM: 15px; OVERFLOW-X: auto; OVERFLOW-Y: auto; PADDING-LEFT: 15px; WIDTH: 200px; PADDING-RIGHT: 15px; HEIGHT: 50px; BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; PADDING-TOP: 15px”>CODING BANNER YANG DI ENCODE/APA SAJE KORANG SUKA</div>
Semua coding tue, korang boleh ejas sendiri tapi cik tom just ajar yang basic 2 je ye;
HEIGHT=ketinggian kotak scroll
WIDTH=kelebaran kotak scrol
Hasilnya seperti scroll box di sidebar “Jom curik banner cik tom”.
~~~~~~CARA TUNJUK CODING MENGGUNAKAN TEXTAREA~~~~~~
Bagi cara ni tak perlu buat step encode coding seperti first step dan juga tak perlu buat scroll box. Kiranya terus direct masuk coding ke dalam textarea.
<textarea id=”textarea” rows=”4″ cols=”23″ name=”textarea”>CODING YANG INGIN DITUNJUKKAN</textarea>
rows=untuk berapa row/lajur melintang yang korang nak.
cols=untuk berapa column/lajur menegak yang korang nak.
Hasilnya;
Mana satu pilihan korang?? U decide it!
yang berada pada toolbar, maka setelah itu akan muncul tulisan http:// pada window baru yang berbentuk seperti gambar di bawah ini :
yang ada pada toolbar.
Posts
