TutorialBlog: Scroll Box Within Entry

Assalamualaikum dan salam sejahtera,

1. Pergi ke HTML dalam entri

2. Copy dan Paste kod di bawah:

KOD 1:

SILA LETAKKAN AYAT ANDA DI DALAM INI. INI ADALAH TUTORIAL SEMATA-MATA. NAK IKUT BOLEH TAK IKUT TIDAK MENGAPA.. SESUAI UNTUK KEKEMASAN ENTRY POST, GA, COPY PASTE DLL.

<center>
<div id="scroll" style="border: 1px solid rgb(255, 255, 255); overflow: auto; width: 200px; height: 150px;">
LETAKKAN AYAT ANDA DI DALAM INI
</div>

KOD 2:
Kod ni best sebab lebih fleksibel...

LETAKKAN

AYAT

ANDA

DALAM

INI...

<center>
<div style="background-image: url(&quot;http://dl.glitter-graphics.net/pub/303/303771ob8r4r0z04.png&quot;); border: 3px double #020202; height:150px; overflow: auto; width: 400px;">
LETAKKAN AYAT ANDA DI DALAM INI...
</div>

- Cari kod warna di sini, tukar oren kepada URL Gambar yang dikehendaki.

KOD 3:

LETAKKAN AYAT ANDA DI DALAM SINI...

saya
suka
makan
budu
cicah
sos
cili
sangat
sedap
makan

<center>
<div style="border: 3px dotted #5B9C64; rgb(238, 238, 238); padding: 10px; overflow: auto; width: 550px; height: 200px;">
LETAKKAN AYAT ANDA DI DALAM INI...
</div>

Changes made: - width, height, border style, border color, font, px, image glitter/graphic. Coding lain yang boleh ditambah, *Font> font: 12px,arial; 
3. Preview di COMPOSE. ;)
4. Boleh tulis entri dalam kotak scroll bar, copy paste gambar seperti biasa di ruang 'COMPOSE'.
P/S: Kod-kod di atas telah diubah mengikut kesesuaian. Boleh la cuba main coding, compare dan lihat hasilnya..Kalau tak pandai, boleh klik sini untuk minta tolong hee.. Nak tahu lebih lanjut pasal HTML Scroll Box Coding, klik sini.

Source: Lyssa

Terima kasih baca, sudi-sudilah komen :) .