cara-membuat-kotak-kode-html-dengan warna pada postingan

Membuat posting dengan menarik adalah salah satu cara untuk membuat blog kita banyak di kunjungi, tapi tentu harus dengan isi posting yang menarik dan berkualitas serta berisi hal - hal yang populer, informatif, singkat, padat, jelas, sesuai dengan tema yang anda punya.

Mengenai cara membuat background untuk posting kode html, atau Bentuk spoiler contohnya seperti 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>

Cara membuat tampilan posting diatas sebenarnya cukup mudah dan sederhana. Jika anda mau, anda tinggal copy paste kode di atas pada posting anda.

Ikuti langkah berikut untuk lebih jelasnya :

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.
6. Simpan dan publish.

Keterangan :

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

Sekian Dan Terimah Kasih