Cara Membuat & Memasang "HTML Box Code"

Test 123

Sering kali ente melihat kotak box untuk menaruh kode html seperti diatas..
Mungkin ente ingin membuatnya juga untuk menaruh kode html diposting..
Nah, ane udah ketemu caranya...
Langsung aja yuk Cek TKP

Cara jenis pertama:

Copas kode berikut di posting kalian

<div style="height:200px; width:500px; background: #66CCFF; border:2px solid #0000FF; padding: 20px 6px; overflow:scroll;overflow:auto;">
Letakkan Teks/Image/KODE HTML atau materi posting yang lain di sini
</div>

Cara jenis kedua:

Go to Edit HTML

Cari tulisan ]]</b:skin>

copas kode berikut diatas tulisan ]]</b:skin>

.postingbox {
width: 100%px; /* sesuaikan lebar dg kebutuhan atau pakailah auto */
background: #020202 url(); /* Untuk background color atau image */
border: 4px Double #FF8300; /*tebal, jenis dan warna */
-moz-border-radius:5px; /*lekukan garis pembatas */
overflow: scroll; overflow:auto;
font-size: 12px; /* ukuran font */
font-family: Verdana; /*atau jenis font lain */
font-weight: 500; /* font-weight bisa juga normal atau bold */
padding: 15px 8px; /* atas/bawah=20px, kanan/kiri=6px */
margin:15px 5px; /silahkan atur margin bila di kehendaki */
}

Kalo udh, save template

pergi ke posting.

copas kode berikut ke posting kalian

<div class="postingbox" style="height:300px;">
Letakkan di sini Teks/Image/KODE HTML yang akan dipostingkan
</div>

Cukup segitu yg ane tw.. jgan lupa rate 5 ya..

Cek TKP yg dibawah Juga, Gan!!