Sedikit share tentang memodifikasi postingan.. yaitu menambah background image pada postingan dengan berbeda-beda background di setiap postingan, tanpa merubah ataupun ngutak-atik template. mungkin trik ini sudah banyak yang mengetahui, makanya share kali ini ane khususkan bagi yang belum mengetahui trik ini dan berminat memodifikasi postingan di setiap memposting.


Untuk DEMO, sobat bisa lihat sendiri pada postingan ini.. dan hanya pada postingan ini, tidak merubah background postingan keseluruhan blog sobat.

Langsung ke cara pembuatan nya.

Langkah 1
Letakan kode dibawah ini pada editor Edit HTML postingan blog sobat.

<div style="background: url(URL GAMBAR) no-repeat;
color:#000;
padding:10px 10px 10px 10px;
-moz-border-radius-topright:50px;
-webkit-border-top-right-radius:50px;
-moz-border-radius-bottomright:50px;
-webkit-border-bottom-right-radius:50px;
-moz-border-radius-topleft:50px;
-webkit-border-top-left-radius:50px;
-moz-border-radius-bottomleft:50px;
-webkit-border-bottom-left-radius:50px;">

CONTENT ARTIKEL

</div>

Perhatikan kode diatas!
  1. Rubah URL GAMBAR dengan URL gambar yang sobat kehendaki.
  2. Kode no-repeat adalah kode untuk tidak menampilkan gambar berulang-ulang, jika memang menghendaki gambar yang ditampilkan berulang sampai ke bawah postingan, maka tinggal digapus saja kode no- nya.
  3. CONTENT ARTIKEL adalah isi dari artikel/post sobat keseluruhan. jadi integrasinya kode diatas adalah mengapit keseluruhan isi artikel sobat. sebagai bayangan, kode pada baris ke 1 s.d 11 diletakan paling atas isi post sobat, dan kode pada baris ke 15 diletakan di akhir setelah semua isi post sobat.
Langkah 2
Ada baiknya sebelum post tersebut diterbitkan, maka sebelumnya di Pratinjau terlebih dahulu.

Langkah 3
Setelah semuanya OK, maka terbitkanlah postingan sobat.. dan lihat hasilnya..
satu postingan sobat memiliki background sesuai dengan keinginan sobat.

Ribet memang.. tapi tak ada salahnya untuk pembelajaran, siapa tau dikemudian hari trik ini sangat dibutuhkan.

Oia, jika di postingan selanjutnya sobat ingin background postingan yang berbeda, maka tinggal dirubah saja URL GAMBAR pada kode diatas dengan URL gambar milik sobat yang lain nya, agar tidak bosan melihat background yang sama di setiap postingan.

Selesai.
Selamat mencoba dan semoga bermanfaat.