Cara Membuat Kotak Script dalam Postingan

CARA MEMBUAT KOTAK SCRIPT DALAM POSTINGAN — Kotak script menjadi penting dalam sebuah penulisan artikel di blog karena bisa digunakan untuk mengelompokkan kalimat atau paragraf dan membuat perbedaan dengan tulisan lainnya. Saya sering menggunakan kotak script di blog ini untuk menandai kalimat, ayat Alkitab atau lainnya. Berbagai kode dibawah ini saya kumpulkan dari berbagai sumber yang sudah saya gak ingat lagi dari mana, banyak sumberlah pokoknya. Saya kumpulkan supaya bisa digunakan di blog ini dan tidak cari-cari lagi di google jika dibutuhkan.

Beberapa contoh berikut ini bisa langsung diterapkan dalam penulisan dengan meng-copy kode dan menaruh kode tersebut di bagian penulisan blog edit html (bukan di compose). Untuk beberapa kode di dalamnya, misalnya: warna, ketebalan, posisi tulisan dan lainnya tentu bisa dimodifikasi sesuai kebutuhan.

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-left: 5px solid #2288dd; border radius: 10px; padding: 10px; t-align: left;">MASUKKAN TEKS SCRIPT DISINI</div>

<div style="background-color: #f3f3f3; border-left: 5px solid #2288dd; padding: 10px; t-align: left;"> MASUKKAN TEKS SCRIPT DISINI</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #6fa8dc; border-radius: 10px; border: 4px double #fff; padding: 10px; t-align: left;">MASUKKAN TEKS SCRIPT DISINI</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #a2c4c9; border-radius: 10px; border: 4px outset #fff; padding: 10px; t-align: left;">MASUKKAN TEKS SCRIPT DISINI</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #ffe599; border-radius: 10px; border: 2px dashed
#aaa; padding: 10px; t-align: left;">MASUKKAN TEKS SCRIPT DISINI</div>

<div style="border: 1px solid #444; padding: 10px; background-color: #eaeaea; text-align: left;">MASUKKAN TEKS SCRIPT DISINI</div>

<div style="border: 3px #5f200e double; padding: 10px; background-color: #82CAFA; text-align: left;"> MASUKKAN TEKS SCRIPT DISINI</div>

<div style="-moz-border-radius: 10px 10px 10px 10px; background-color: rgb(221 , 229 , 209); border: 4px dotted rgb(255 , 255 , 255); color: rgb(204 , 0 , 0); line-height: 1.5em; padding: 5px;">MASUKKAN TEKS SCRIPT DISINI</div>

<div style="background-color: transparent; border-radius: 30px; border: 4px solid #254779; box-shadow: 0px 0px 10px; padding: 10px; text-align: left;">MASUKKAN TEKS SCRIPT DISINI</div>

<div style="padding:20px 30px;text-align:left; background: #999 no-repeat right; color: #fff;font-size: 16px;line-height: 1.4; border: 0;border-radius: 10px;margin: 0 30px 10px;display: block; box-shadow: 11px 10px 0px #555; ">MASUKKAN TEKS SCRIPT DISINI</div>