buat background gambar dengan caption

ni contoh yang gambar beserta background dan caption

Entri kali ni untuk buat background image yang kita letak beserta captionnya.

1-log in blogger > Layout > Edit Html

2-Cari (ctrl+F) ]]></b:skin>

3-pastekan kod ni di atas kod ]]></b:skin> tadi

/* Image Caption */<br /> .keterangan {border: 1px solid #ddd;text-align: center;background-color: #eee;padding: 10px 0 10px 0;-moz-border-radius: 10px;-khtml-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}<br /> .keterangan img {margin: 0px 0px 10px 0px;padding: 0px;border: 1px solid #ddd;}<br /> .keterangan p.keterangan-text {margin: 0px;padding: 0px 0px 0px 0px;font-size: 12px;font-weight: bold;line-height: 12px;font-family: Arial, Helvetica, sans-serif;font-style: normal;color: #333333;}

4-Save templates.

5-Pergi kat Settings > Formatting > Post Template

6-Pastekan kod ni dalam box tu

<center>
<div class="keterangan" style="width: 380px;">
<img border="0" height="170" src="LINK GAMBAR" width="320" />
<div class="keterangan-text">
</div>
</div>
</center>

7-Save settings...selesai

Sumber: paatz tak ingat amik kat ne...huhu.Kawan Paatz MFK a.k.a. Dr Faiz Kamal request.Jadi tercari2 kod tu balik kat template Kimiadanaku.Kod warna boleh ditukar kalau korang nak..Ok selamat mencuba