BACKGROUND POSTINGAN BERWARNA

Setelah beberapa waktu lalu Admin telah memposting tentang berbagai macam cara memperindah baground blog, untuk kali inipun Admin masih ingin memberi tutorial sekitar background. Biasanya bila sobat memposting diblog ketika selesai dan dipublikasikan maka apabila terlihat oleh pengunjung akan nampak backgroundnya putih polos. demikian juga dengan postingan-postingan lainnya backgroundnya nampak polos dengan warna yang tetap.Memang semua tergantung dari selera kita masing-masing. Tapi Admin ingin memberi bagi sobat yang ingin background postingannya bervariasi warna pada tiap postingannya. Coba sobat klik button dibawah ini :



Nah gimana sobat lumayan kan untuk mempercantik daripada postingan kita. Tentang warnanya itu sol mudah sobat bisa disesuaikan dengan selera kita. Demikian juga dengan bingkainya bisa sobat pilih bingkai yang sesuai dengan keinginan sobat. Oke sekarang baca baik-baik dan teliti tutorial dibawah ini biar sobat mudah menerapkannya diblog.
1. Ketika sobat ingin memposting suatu artikel maka sobat harus menyelesaikan postingannya sampai selesai terlebih dahulu.
2. Setelah selesai menulis artikel maka pada bagian inilah yang terpenting untuk sobat ketahui sebelum memberi warna pada backgroundnya. Jika sebelumnya sobat menulis artikel pada bagian "COMPOSE" segera rubah pada bagian "HTML

3. Letakan kode script dibawah ini dengan format :

<div style="border: 3px dotted #00FF66; background: #FF33CC; margin: 1px; padding: 4px;">ISI POSTINGAN /ARTIKEL DISINI</div>

Keterangan :
warna kuning = ketebalan garis tepi(bisa diganti)
warna biru     =  Jenis garis tepi (bisa diganti : solid, double solid, grove, outset,ridge,dashed)
warna merah = warna garis tepi (bisa diganti dengan kode warna html lainnya)
warna coklat = warna background (bisa diganti dengan kode lainnya)

Selesai sudah tutorial nya sobat tinggal klik publikasikan dan lihat postingan sobat.Untuk kode script nya bisa sobat otak atik sendiri atau bisa juga digabung seperti dibawah ini :

<div style="border: 3px solid #CCFF33; background: #CCCCFF; margin: 1px;">
<div style="border: 3px solid #FFFFCC; background: #CCCCFF; margin: 1px; padding: 4px;">ISI ARTIKEL DISINI</div></div>

atau yang ini :

<div style="border: 3px solid #CCFF33; background: #FFFF99; margin: 1px;">

<div style="border: 3px dotted #00FF66; background: #FFFF99; margin: 1px; padding: 4px;">ISI ARTIKEL DISINI</div></div>

SELAMAT BEREKSPERIMEN DAN MENCOBA SUKSES SELALU UNTUK ANDA.NANTIKAN ARTIKEL SELANJUTNYA. TERIMA KASIH.

Tweet