Trik Membuat Kotak Kode HTML Berwarna

dsbor | Tips Blogging - Cara Membuat Kotak Kode HTML Berwarna . - Jujur aja ya sob, sebenarnya saya bingung harus memberi judul apa pada postingan saya kali ini, soalnya takutnya kalo saya kasih judul yang kepanjangan ntar takutnya gak di baca ama mbah google lagi (hehehehehe,,, becanda).

Oke sob pada  postingan ini saya akan nge_share tips blogging tentang .

Sebagai contohnya silahkan liat aja kode script HTML dibawah ini :

<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: auto; margin: 10px 0px; overflow: auto; padding: 10px; text-align: center; width: auto;"> 

LETAKAN KODE HTML ANDA DI SINI 

</div>

Berikut tips dan triknyanya :

1. Dari halaman Dashboard blog anda pilih Posting baru (new post).
2. Masuk ke Elemen edit HTML.
3. Masukan kode script diatas pada tempat yang anda inginkan.
4. Kembali pada Elemen Compose untuk melanjutkan Posting anda
5. Lakukan pratinjau.

Simpan dan publish.

Keterangan : 

• Kode warna merah, ganti dengan isi postingan anda, bisa juga anda isi dengan kode HTML atau non HTML
• Kode warna biru, secara berurutan anda bisa mengganti background, border, tinggi posting dan posisi teks ( left, right, center ) sesuai dengan keinginan anda.

Gimana sob udah ngertikan maksud saya tentang Cara Membuat Kotak Kode HTML Berwarna .

Selamat mencoba dan semoga bermanfaat sobat...!!!