Cara Membuat Kotak Background untuk Kode HTML

Assalamualaikum salam blogger , Setelah beberapa menit yang lalu saya menerbitkan suatu postingan mengenai Cara Memasang Widget Kamera CCTV , kali ini juga saya akan memberikan suatu tips kepada sobat mengenai Cara Membuat Kotak Background untuk Kode HTML . Tentunya ketika sobat ingin memposting suatu artikel yang didalamnya terdapat kode HTML , sobat pasti ingin membuat Kode HTML Tersebut tersusun menjadi rapih bukan ? jawabannya sobat dapat menyisipkan Kotak khusus untuk kode HTML Tersebut , nah di bawah ini Cara Membuat Kotak Background untuk Kode HTML:

• Masuk ke Akun Blogger sobat
• Di Dashboard sobat pilih elemen New Post
• Pilih elemen HTM
• Masukkan kode Script di bawah ini di tempat yang sobat inginkan :

<div style="-moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: 150px; margin: 10px 0px; overflow: auto; padding: 10px; text-align: left; width: auto;">

KODE HTML KAMU / ISI POSTING YANG LAIN

</div>

• kembali ke elemen compose untuk melanjutkan postingan sobat
• Klik Pratinjau 
• Lalu klik Publikasikan

*Keterangan :

• Tulisan berwarna Abu-Abu silahkan sobatganti dengan kode HTML / Isi postingan yang lain
• Tulisan Warna Merah secara berurutan sobat  bisa mengganti background, border, tinggi posting dan posisi teks ( left, right, center ) sesuai dengan keinginan kamu.
•  Untuk Kode Warna sobat dapat memilih di sini