Kotak Teks (Text Box) di Postingan Blog

Ada beberapa bentuk dari kotak text yang akan saya bagikan, mari kita simak beberapa bentuk dari kotak text lengkap dengan kode html.

Cara membuat kotak text / background untuk tulisan di postingan artikel blog:

1. Siapkan terlebih dahulu tulisan yang akan anda posting di Notepad / Microsof Word
2. Masuk / Login ke akun Blogger
3. Pilih Postingan Baru
5. Masukan  salah satu  kode dibawah
6. Setelah itu copy tulisan yang sebelumnya telah anda buat
7. Dan paste ke dalam kotak text

<div style="background-color: white; border: 3px #00A2E9 dotted; padding: 10px; text-align: left;">masukan tulisan anda disini</div>

<div style="background-color: white; border: 3px #00A2E9 dashed; padding: 10px; text-align: left;">masukan tulisan anda disini</div>

<div style="background-color: #F3B3B3; border: 3px #00A2E9 dotted; padding: 10px; text-align: left;">masukan tulisan anda disini</div>

<div style="background-color: #00A2E9; border: 0px dotted; padding: 10px; text-align: left;">masukan tulisan anda disini</div>

<div style="background-color: white; border: 3px #00A2E9 solid; padding: 10px; text-align: left;">masukan tulisan anda disini</div>

<div style="background-color: #F3B3B3; border: 3px #00A2E9 solid; padding: 10px; text-align: left;">masukan tulisan anda disini</div>