Tuesday 2 August 2011

TABLE EXCHANGE BANNER

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


<td>CODE/TEXT</td>

Untuk tambah row(lajur melintang) pulak korang tambah coding ni;


<tr></tr>

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=”125width=”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!
 
 
 
 
 

0 comments:

Post a Comment

Untung pantas

LinkWithin