Tutorial cara membuat background bercorak pada title posting

Ok untuk tutorial membuat background pada title posting pula bagi menyempurnakan tutorial INI. Kalau di title sidebar sudah ada background bercorak pasti di title posting pun harus ada sama kalau tidak confirm nampak tak cantik dan tak balance. So aku akan tunjukkan pula cara membuat background di title posting. Kenapa tutorial ini aku asingkan dengan tutorial membuat background di title sidebar kerana aku ingin memudahkan korang untuk melakukannya supaya tiada sebarang kekeliruan.Ok sekarang jom aku tunjukkan step-stepnya..

Step 1

Dashboard > Design > edit HTML > tick pada " Expend Widget Template"

* Sebelum tue seperti biasa haruslah> DOWNLOAD FULL TEMPLATE terlebih dahulu*

Step 2

Tekan Ctrl+F secara serentak di keyboard komputer korang dan kemudian lihat di sebelah kanan atas akan keluar satu kotak kecil. Jadi korang copy dan paste keyword di bawah ini ke dalam kotak itu bagi memudahkan korang mencarinya.

post

Step 3

*kemudian cari pula code seperti di bawah*

.post h3 {

Step 4

Dah jumpa korang copy semua code di bawah ini dan pastekan di bawah code step 3.

.post h3 {

margin:.25em 0 0;

padding:0 0 4px;

font-size:140%;

font-weight:normal;

line-height:1.4em;

text-align:center;

}

Step 5

kemudian tambahkan * background url *pada bawah code post h3 sehingga keseluruhannya menjadi seperti di bawah.

.post h3 {

background:url("http://dl.glitter-graphics.net/pub/2736/2736941xyjm2i19r0.jpg") no-repeat 2px .25em;

margin:.25em 0 0;

padding:0 0 4px;

font-size:140%;

font-weight:normal;

line-height:1.4em;

text-align:center;

}

*contoh url background yang aku gunakan sekiranya korang ingin menukar background , korang boleh la lihat di SINI. seeloknya biarlah url backgorund sama dengan yang ada di title sidebar.*

Step 6

klik PREVIEW dan sekiranya tiada sebarang error boleh la SAVE.

Note : Seterusnya aku akan tunjukkan tutorial untuk membuat background bercorak pada title Footer