Mengganti Background Postingan dengan Warna atau Gambar Tertentu

Mengganti backgrond postingan dengan warna atau gambar tertentu sebenarnya bukanlah trik baru. Tapi saya perhatikan masih jarang yang menggunakan trik itu. Sekedar referensi, ini tak ada kaitannya sama SEO, cuma menjadikan postingan tampil beda saja. Bukankah sesekali perlu juga sesuatu yang baru dan fresh?!

Setidaknya ada dua variasi background terkait dengan trik ini. Pertama mengganti warna background. Caranya mudah saja. Anda cukup perlu memasukkan kode berikut ini:

<div style="background:#kode warna; padding:5px 8px 5px 8px;">
Artikel anda disini
</div>

Contoh :

<div style="background:#FFE1FF; padding:5px 8px 5px 8px;">
Ku pikir engkau sudah mengerti...
Hhmnn...mungkin perlu pembenahan..
Engga nyangka juga Purnama yg kurindukan..
Purnama yg ku impikan...kini redup dan kian redup lagi...

Semua nasehat yg kuberikan kau anggap usang...
Perkataan ku seakan teriakan bagi mu.....
Teguranku seakan halilintar bagimu...
Entah harus berbuat apa??

Kasih sayang yg kusampaikan. ..
Seakan beban yg ingin kau buang kedalam tong sampah..
Mungkin ada benarnya...
Dan mungkin suatu saat nanti...

Engkau kau mengerti juga...
Bahwa Kejujuranku. ..
Ketulusan...
dan juga Keikhlasanku. ..
Telah kuberikan kepada orang yg ku cinta....</div>

Dan, hasilnya seperti ini:

Ku pikir engkau sudah mengerti...
Hhmnn...mungkin perlu pembenahan..
Engga nyangka juga Purnama yg kurindukan..
Purnama yg ku impikan...kini redup dan kian redup lagi...

Semua nasehat yg kuberikan kau anggap usang...
Perkataan ku seakan teriakan bagi mu.....
Teguranku seakan halilintar bagimu...
Entah harus berbuat apa??

Kasih sayang yg kusampaikan. ..
Seakan beban yg ingin kau buang kedalam tong sampah..
Mungkin ada benarnya...
Dan mungkin suatu saat nanti...

Engkau kau mengerti juga...
Bahwa Kejujuranku. ..
Ketulusan...
dan juga Keikhlasanku. ..
Telah kuberikan kepada orang yg ku cinta....

Sedangkan variasi yang kedua adalah background postingan berupa gambar atau foto. Caranya juga gampang. Cukup menambahkan kode:

<div style="background:url(URL gambar/foto yang sudah diupload) no-repeat;">
Artikel anda disini
</div>

Contoh: puisi di atas tadi akan diberi background gambar di bawah ini:



Dan, URL uploader misalnya http://i29.tinypic.com/4gnq4y.jpg, maka penulisannya:

<div style="background:url(http://i29.tinypic.com/4gnq4y.jpg) no-repeat;">
Ku pikir engkau sudah mengerti...
Hhmnn...mungkin perlu pembenahan..
Engga nyangka juga Purnama yg kurindukan..
Purnama yg ku impikan...kini redup dan kian redup lagi...

Semua nasehat yg kuberikan kau anggap usang...
Perkataan ku seakan teriakan bagi mu.....
Teguranku seakan halilintar bagimu...
Entah harus berbuat apa??

Kasih sayang yg kusampaikan. ..
Seakan beban yg ingin kau buang kedalam tong sampah..
Mungkin ada benarnya...
Dan mungkin suatu saat nanti...

Engkau kau mengerti juga...
Bahwa Kejujuranku. ..
Ketulusan...
dan juga Keikhlasanku. ..
Telah kuberikan kepada orang yg ku cinta....</div>

Hasilnya:

Ku pikir engkau sudah mengerti...
Hhmnn...mungkin perlu pembenahan..
Engga nyangka juga Purnama yg kurindukan..
Purnama yg ku impikan...kini redup dan kian redup lagi...

Semua nasehat yg kuberikan kau anggap usang...
Perkataan ku seakan teriakan bagi mu.....
Teguranku seakan halilintar bagimu...
Entah harus berbuat apa??

Kasih sayang yg kusampaikan. ..
Seakan beban yg ingin kau buang kedalam tong sampah..
Mungkin ada benarnya...
Dan mungkin suatu saat nanti...

Engkau kau mengerti juga...
Bahwa Kejujuranku. ..
Ketulusan...
dan juga Keikhlasanku. ..
Telah kuberikan kepada orang yg ku cinta....

Ket:
- Anda bisa upload gambar dengan tool gratis seperti photobucket, tinypic, dll.
- Jika puisi atau teksnya pendek, perkecil ukuran gambarnya (bisa dengan photoshop). Begitu pula sebaliknya, jika teksnya panjang/banyak, gambar perlu diperbesar.

Selamat mencoba.