Hey guys . This is my original Blog . Thank you for visiting my Blog . I really appreciate it . Do follow my Blog if you have a blog too . Just press the button FOLLOW above . Thanks .

Monday 31 December 2012

Tutorial - Masukkan Coding Dalam Entry & Scroll Box

CARA MASUKKAN CODING MENGGUNAKAN ENCODE

STEP 1

Sila buka website ni dengan klik di  >> SINI.

STEP 2

Coding untuk banner korangg atau apa-apa coding yang korang suka masukkan dalam kotak dalam website tue. Contoh coding untuk banner yang saya 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 tu ke dalam scroll box sila follow up next step.


CARA UNTUK BUAT KOTAK SCROLL

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


Step 2
 
Semua coding tu, korangg boleh adjust sendiri tapi sekarangg nieyy just ajar yang basic 2 jee ye;

HEIGHT - ketinggian kotak scroll
WIDTH - kelebaran kotak scrol

>> Hasilnya seperti scroll box di sidebar “Jom Ke Blog Fafaw !”.


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 korangg nak.
cols - untuk berapa column/lajur menegak yang korangg nak.

Hasilnya;





**Haa , okeyy tak ? Ke masihh blur nieyy ? Huhu .. Takk pee , kalau korangg still takk faham , korangg boleyy CBox saya atau leave comment jee tau .. Selamat Mencubee ^^

No comments:

Post a Comment