Cara Membuat Kotak Wadah 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 kamu punya.

Mengenai cara bikin background untuk posting kode html, atau Bentuk SPOiLER contohnya seperti contohnya 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: 150px; margin: 10px 0px; overflow: auto; padding: 10px; text-align: left; width: auto;">

KODE HTML KAMU / ISI POSTING YANG LAIN

</div>

Cara membuat tampilan posting diatas sebenarnya cukup mudah dan sederhana.

Kalau kamu pingin kamu tinggal copy paste kode di atas pada posting kamu.

Ikuti langkah berikut untuk lebih jelasnya :

• Dari halaman Dashboard blog kamu pilih Posting baru (new post).
  
• Masuk ke Elemen edit HTML.
  
• 
  
• Masukan kode script diatas pada tempat yang kamu inginkan.
  
• Kembali pada Elemen Compose untuk melanjutkan Posting kamu
  
• Lakukan pratinjau.
  
• simpan dan publish.

Keterangan :

• Warna merah, Ganti dengan isi posting bisa kamu isi dengan kode HTML atau non HTML
  
• Warna hijau, secara berurutan kamu bisa mengganti background, border, tinggi posting dan posisi teks ( left, right, center ) sesuai dengan keinginan kamu.
  
• Untuk kode warna kamu bisa mencari kode dengan mudah disini Menggunakan Kode warna dalam blogging
  
• Untuk cara penulisan kode HTML dalam Posting kamu bisa lihat di sini Penulisan kode html dalam posting.

Baiklah inilah sekelumit kisah mengenai Cara membuat background untuk posting kode html, semoga bermanfaat. selamat mencoba...!!! Sukses selalu buat kamu semua...!!

Cara Membuat Kotak Wadah Kode HTML Dengan Warna Pada Postingan 9 out of 10 based on 10 ratings. 9 user reviews.

Tutorial Blog

• Cara mengganti background Kotak Komentar Blog 1
• Cara Mudah Membuat Random Background Color
• Memperbesar Gambar pada Artikel Blog Dengan jQuery Image Zoom 2.0
• Cara Simple Membuat Script Link Banner Pada Blog Plus Wadah Text Area
• Membuat Slide Gambar Efek Terjatuh Dengan jQuery
• Cara Mudah Auto Hide Dan Menghilangkan Navbar Blogger
• Cara Membuat Slide Gambar Berjalan Pada BLOG
• Cara Mudah Mendeteksi Blog Yang NoFollow atau DoFollow dengan AddOns Mozilla Firefox
• Cara Mencari Blogger Satu Kota atau Satu Daerah
• Cara Memasang Photo Dan Avatar di Kotak Komentar Blogger
• MEnambah Dan Memasang Gadget HTML Code Javascript Pada Sidebar
• Cara Cek Link Yang Rusak Di Blog
• Cara simpel Membuat Spoiler (Tombol Hide Show Kotak Kode HTML Pada Posting)
• New !! Cara Membuat Related Post Keren Dengan Tampilan Image