Membuat text box CSS di blogspot

Text box adalah tempat untuk meletakkan text berupa scrip, link atau tulisan apa saja yang ingin di sematkan agar lebih rapi. di sini saya akan berbagi text box menggunakan css untuk blogspot.

1. Masuk ke akun bloggermu buka menu Template >> Edit HTML cari kode   ]]></b:skin>.

untuk mempermudah pencarian klick : Ctrl + F. dan salin kode di bawah ini tepat di atas kode    ]]></b:skin>.

.box {
height:auto;
margin:15px auto;
line-height:1.1 !important;
font-size:15px;
padding:5px;
width:300px;
text-align: justify;
} 

 .merah {
background:#e00;
outline:4px solid #d00;
outline-offset:1px;
border:2px dashed #a00;
}
.kuning {
background:#FD0;
outline:4px solid #FC0;
outline-offset:1px;
border:2px dashed #FA0;
}
.hijau {
background:#0C0;
outline:4px solid #080;
outline-offset:1px;
border:2px dashed #0A0;
}  

Lalu simpan atau perbarui.

2. Saat akan posting menggunakan text box pilih yang HTML lalu masukkan kode di bawah ini  

<div class="hijau">

Masukan konten atau kata-kata yang akan di letakkan dalam text box anda disini..

</div> 

 "hijau ": adalah warna background text box, anda juga bisa mengganti "merah" atau "kuning".

Selamat mencoba text box di blogmu, jika ada yang belum di mengerti silahkan tuliskan di komentar.