Letak bacground pada tajuk post

>Cara letak background pada tajuk posting

January 8, 2011

ddt background tajuk posting 4 Comments

>

Menghias blog tentunya menjadi kemestian kerana semua org nak cantikkan blog.Tujuan blog ini pun adalah bagi membolehkan rakan rakan mendapat sumber rujukan bagi membuat berbagai bagai perubahan pada template asal  dari blogger yang kita ketahui cuma dengan paparan yang terhad sahaja.Perubahan yang dibuat tentunya perlu mengambil kira keselesaan pengunjung.Kalau ada komen yang dibuat kita perlu ambil perhatian,kerana apa yang kita suka belum tentu org lain suka.

Untuk meletakkan background pada tajuk posting,tentunya seperti  biasa kita perlu sediakan imej terlebih dahulu.sesudah diupload dan dapat url untuk imej:
masuk ke design-edit HTML-expand widget templates
dan cari kod ini
.post h3 {
atau sesetengah template kodnya begini
h3.post-title, .comments h4 {
contoh kod asal pada template (sesetengah template berbeza)
.post h3 {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:150%;
  font-weight:normal;
  line-height:1.4em;
  }
tambahkan kod seperti dibawah
.post h3 {
 background: url(letak url imej disini);
 -moz-border-radius: 10px 10px;
 border-radius: 10px 10px;
 height:55px;
 text-align:center;
 margin:.25em 0 0;
 padding:0 0 4px;
 font-size:150%;
 font-weight:normal;
 line-height:1.4em;
 }
#kod warna hijau jika hendak bahagian hujung background melengkung.Jika hendakkan lengkung hanya pada bahagian tertentu ubah saja nilainya disini.
ketinggian imej boleh diubah pada height:55px,tukarkan  kepada nilai yang bersesuaian
kemudian preview dan akhir sekali save template .