Cara Memberi Backgraund Di Dalam Posting Artikel Blog

Lihat gambar di atas pada kotak posting di blog, ada kotak lagi, itu namanya Backgraund Posting Artikel. Jadi fungsinya menambah menarik artikel dan sebagai tempat menulis kode-kode css atau hal penting lainnya yang ingin anda tekankan sebagai pembeda dari isi artikel posting yang lain.

Berikut Cara Memberi Backgraund Di Dalam Posting Artikel Blog :

1. Logging Blog.
2. Buat Entri untuk mulai menulis artikel.
3. Lihat pojok kiri atas ada dua pilihan kotak Compose dan HTML.
4. Pilih HTML Masukkan kode berikut ini :

<div style="background-color: red; border: 1px dotted #ffffff; padding: 5px; width: 400px;">TULISAN ANDA</div>

5. Warna merah, itu warna backgraud ganti warna dalam Bahasa Inggris.
Warna hijau itu garis sekelilingnya atau bordernya, ganti dengan pilihan : solid, dotted, dashed, double, groove, ridge, inset,  atau outset. Warna pink itu warna garis bordernya, ganti dengan kode warna sesuai minat anda.
 6. Simpan setelah menulis artikel selesai.

Cara Membuat Border Pada Postingan Blog

Pernah tidak kalian mengunjungi blog teman anda, di blog mereka ada border keren-keren untuk tiap postingan blog. Sebelumnya pasti kalian sudah tahu apa itu border postingan pada blog. Border postingan blog itu adalah garis pembatas berbentuk kotak yang isinya berupa postingan artikel kalian. Contohnya border postingan saya menggunakan dotted (garis putus-putus) berwarna merah. Ada banyak tipe untuk membuat border postingan caranya berikut :

1. Logging blog >> template >> tingkat lanjut >> Ccs.
2. Tulis kode Ccs.
3. Contoh border saya seperti ini kodenya Ccsnya :

.post{
  border-bottom:4px dotted #ff0000;
  border-top:4px dotted #ff0000;
  border-right:4px dotted #ff0000;
  border-left:4px dotted #ff0000;
  padding-bottom:0.9em;
  padding-left:0.9em;
  padding-right:0.9em;
}

3. Tapi kalau kalian ingin border yang berbeda begini tinggal ganti tulisan yang berwarna kuning dengan solid, dotted, dashed, double, groove, ridge, inset, outset. Dan tulisan berwarna hijau dengan kode warna sesuai minat anda. Kalau padding itu istilah lainnya margin.
4. Setelah anda utak-atik, jangan lupa disimpan.