Cara membuat kotak script di postingan

villaralcaldeblog |

Ketika kita ingin membuat blog keren , kita butuh kotak script untuk mengkotak-an teks yang penting. Kaprikornus gimana cara membuat kotak script di blog dengan mudah? dan cara membuat kotak script dengan scroll. Ini macam-macam kotak script yang mampu teman pakai cekidot!

1. Login ke blog sobat

2. Kemudian buat post baru 'Entri Baru'

3. Klik HTML (sebelah tombol compose)

4. Pilih script yang ingin di pakai sobat

- Dengan scroll pada kotak script

<div style="border: 3px #eeeeee solid; padding: 10px;background-color:#ffffff;
overflow: auto; height: 100px; width: 520px;
text-align: left;">Ganti goresan pena ini dan harus panjang
<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />
silahkan sesuaikan ukurannya </div>
<br />

Tanda <br />  ialah enter
maka risikonya akan mirip ini :

Ganti goresan pena ini dan harus panjang








silahkan sesuaikan ukurannya atur-atur aja height dan widht nya

- Sederhana

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
ganti goresan pena ini </div>
<br />

Maka risikonya akan mirip ini :

ganti goresan pena ini

- Kotak biasa

<div style="border: 1px solid #444; padding: 10px; background-color: #eaeaea; text-align: left;">
ganti goresan pena ini
</div>
<br />

Hasilnya akan mirip ini :

ganti goresan pena ini

- Kotak dengan border tebal

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-radius: 10px; border: 4px solid #999; padding: 10px; t-align: left;">
Ganti goresan pena ini</div>

Hasilnya akan mirip ini :

Ganti goresan pena ini

Anda mampu mengkreasikan warna nya dengan mengganti tanda pagar pola '#ffffff untuk warna putih. Untuk yang ada goresan pena 'border' berarti itu untuk garis dan jikalau 'background-color' berarti itu backroundnya. Lihat Postingan ini untuk mengetahui cara mengatur isyarat warna HTML dan Css dengan mudah.