Scroll berguna untuk menghemat tempat misalnya kalau anda menulis kode html yang panjang di postingan saya sarankan memakai ini.
Caranya begini :
Tambahkan kode di bawah ini ke dalam postingan anda
<div style="height:60px; 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>Untuk tulisan yang berwarna biru isi dengan postingan yang ingin anda masukkan ke kotak scroll
Selamat mencoba..sukses!!
Atau gunakan css di bawah ini dan letakan diantara tag <head> dan <//head> tepatnya diatas ]]></b:skin>
.postingbox {
width: 500px; /* sesuaikan lebar dg kebutuhan atau pakailah auto - width:auto */
background: #66CCFF url();/* Untuk background color atau image */
border: 2px solid #555; /*tebal, jenis dan warna */
overflow: scroll; overflow:auto;
font-size: 12px; /* ukuran font */
font-family: Verdana; /*atau jenis font lain */
font-weight: 450; /* 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 */
}
width: 500px; /* sesuaikan lebar dg kebutuhan atau pakailah auto - width:auto */
background: #66CCFF url();/* Untuk background color atau image */
border: 2px solid #555; /*tebal, jenis dan warna */
overflow: scroll; overflow:auto;
font-size: 12px; /* ukuran font */
font-family: Verdana; /*atau jenis font lain */
font-weight: 450; /* 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 */
}
Gunakan KODE berikut saat melakukan posting :
<div class="postingbox" style="height:300px;">
Letakkan di sini Teks/Image/KODE HTML yang akan dipostingkan
</div>
Comments :
Posting Komentar