Membuat Background Berbeda Warna untuk Tiap Artikel

Lama juga ya tidak memberikan artike tentang tutorial blog karena sibuk menyimak berita-berita hangat seputar jagad. Ada PM Italia berselingkuh dengan model ABG, ada peluncuran search engine baru dari Microsoft, Bing, yang ditujukan untuk mematahkan dominasi Google, juga tentang pelarian Manohara Pinot dari Malaysia. Serta, yang lagi ramai menjadi pemberitaan di tanah air: Prita Mulyasari dipenjara gara-gara email. Wah, kok malah ngelantur, ya...

Pernahkah anda merasa "bosan" dengan background warna pada artikel anda yang monoton, itu-itu saja. Pernahkah terpikir sekali-kali mengganti background artikel dari warna standar dari tema yang anda pakai? Jika memang ini yang anda alami, silakan lihat artikel tentang cara mengganti-ganti background artikel. Perhatian, khusus pemula yang sedang belajar, para master silakan lewat...


Cara mengganti background artikel ini sangat mudah dilakukan, dan dengan mudah pula dapat dihilangkan (kembali menggunakan background standar tema blog anda). Anda hanya perlu menambahkan kode "div" untuk keperluan ini. Berikut kode lengkapnya.

<div style="background:#FFE1FF; padding:5px 8px 5px 8px;"&gt;
Teks Anda disini....
</div>


Letakkan kode warna pink di awal artikel, dan kode warna orange di akhir artikel. Ganti kode warna hijau dengan kode heksa untuk warna yang anda kehendaki.

Jika anda ingin membuat background dari gambar untuk latar belakang artikel anda, gunakan kode berikut :

<div style="background:(url alamat gambar anda tersimpan); padding:5px 8px 5px 8px;"&gt;
Teks Anda disini....
</div>


Ganti kode warna hijau dengan alamat hosting dimana anda menyimpan file gambar yang akan digunakan untuk background artikel (misalnya photobucket, tinyurl, dan sebagainya.
Share this article :
 

+ comments + 1 comments

August 8, 2011 at 8:32 PM

sipp dahh...

Post a Comment

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Bewegaleri Blog - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger