Cara buat kotak script HTML di blog

Cara buat kotak script HTML di blog

Artikel blog yg mengandung script harus ditampilkan dgn cara berbeda dgn artikel biasa.
Tidak bisa disatukan begitu saja dgn teks biasa karena akan rancu dan kadang berantakan.
Singkat kata ga akan bagus deh kalo ga dipisah didalam kotak khusus script, nah ini dia Cara buat kotak script HTML di blog.

Sekalian disini disajikan ada beberapa model dan corak yang bisa anda pilih untuk digunakan sebagai kotak border script anda.

1. Kotak script HTML di blog model satu
Gambar hasilnya spt ini

<div style="border: 1px solid #000000; background-color:#A9F5A9; padding: 5px;width: 330px;">Tulisan/script HTML atau artikel blog letakkan disini</div>

2. Kotak script HTML di blog model dua
Gambar hasilnya spt ini

<div style="border: 1px dotted #000000; background-color:#81F7F3; padding: 5px;width: 330px;">Tulisan/script HTML atau artikel blog letakkan disini</div>

3. Kotak script HTML di blog model tiga
Gambar hasilnya spt ini

<div style="border: 1px dashed #faac58; background-color:#F4FA58; padding: 5px;width: 330px;">Tulisan/script HTML atau artikel blog letakkan disini</div>

4. Kotak script HTML di blog model empatGambar hasilnya spt ini

<div style="border: 4px double #000000; background-color:#BDBDBD; padding: 5px;width: 340px;">Tulisan/script HTML atau artikel blog letakkan disini</div>

5. Kotak script HTML di blog model limaGambar hasilnya spt ini

<div style="border: 4px groove #000000; background-color:#FFFFFF; padding: 5px;width: 340px;">Tulisan/script HTML atau artikel blog letakkan disini</div>

6. Kotak script HTML di blog model enamGambar hasilnya spt ini

<div style="border: 4px outset #000000; background-color:#FA5858; padding: 5px;width: 340px;">Tulisan/script HTML atau artikel blog letakkan disini</div>

7. Kotak script HTML di blog model tujuhGambar hasilnya spt ini

<div style="border: 4px ridge #faac58; background-color:#FAAC58; padding: 5px;width: 340px;">Tulisan/script HTML atau artikel blog letakkan disini</div>

Kode Script:

Warna kotak kotak script HTML di blog juga bisa anda ganti ganti disesuaikan dgn keinginan anda.
Untuk mengganti warna tinggal merubah kode yang ada di script tadi. Ini dia daftar kode warnanya:
Kode Warna HTML blog

Wajib di ENCODE dulu sebelum dimasukan kedalam kotak agar tidak terbaca sebagai script berjalan. Karena kalo kode script langsung di ketik atau dipaste didalam kotak maka akan dianggap sebagai kode dan akan bekerja sebagai script aktif. Banyak konverter yang bisa digunakan diantaranya bisa langsung klik disini Converter ENCODE script HTML

Demikian Cara buat kotak script HTML di blog Selamat berkarya