Tutorial: Letak background pada gambar

Assalamualaikum Ya Habibi.



Contoh boleh rujuk di atas. Jangan tenung lelama. Hahahhaha nampak lagi kemas kan bila ada border bergambar. So here we go..

Kalau nak border background tuh hanya keluar di entry ikut step ni.

  • Dashboard -- Template -- Edit HTML
  • Cari code ]]></b:skin>
  • Copy code dibawah ini

.post-body img{
background: url(http://i.imgur.com/40EdC.png);
padding:10px;
border-radius:9px;
}
Pastekan DIATAS code ]]></b:skin>
Preview dan save!

Tu kalau korang nak dia muncul dekat gambar entry. Kalau nak ada border dekat mana-mana tak kisah laa dekat sidebar ke atas bawah, semua tempat yang korang letak gambar.. Ikut step ni pula.

  • Dashboard -- Template -- Edit HTML
  • Cari code img {
  • Copy code dibawah 

background: url(http://i.imgur.com/40EdC.png);
padding:10px;
border-radius:9px;
}

  • Pastekan DIBAWAH code  img {
  • Preview dan save. 

Merah : Tukar dengan url background yang korang suka

Kalau malas nak buka new tab untuk search background di google boleh klik sini untuk terus ke freebies site aku. So korang boleh pilih background mengikut citarasa hengkorang.


3 comments: