PhotobucketPhotobucketPhotobucket

Monday, May 25, 2015

2015 TuToRiaL Background For PosT TitLe

Hi Again.. Tutorial seterusnya adalah cara nak letak background pada tajuk post dgn menggunakan blogger template designer.. Check it out..

Sebelum:





Selepas:



1. Memula sekali pastikan korg da ada design utk diletakkan sebagai background pada posting title tu. Macam fy, fy design sendiri guna adobe photoshop dan save guna format png. Lepas tu upload dekat photobucket untuk dapatkan link.



2. Masukkan code untuk background dlm blogger template designer. Ikot link kat bawah:
 
    Dashboard -> Template -> Customize -> Advanced -> Add CSS -> tambahkan code dekat bawah ni dalam kotak Add CSS tu.

_______________________________________________________________________________

h3.post-title {
background: url(your photobucket URL); /*Masukkan link dalam step 1 pd perkataan merah*/
background-position: top center; /*kedudukan background adalah di tgh, atas*/
background-repeat: no-repeat; /*setkan background untuk x repeat if tajuk terlalu panjg*/
height: 45px;   /*tinggi background sepatutnye sama dgn format design gambar*/
text-align: left; /*tulisan pd tajuk boleh setkan - left, right atau center*/
padding-left: 27px;  /*jarak antara perkataan dgn border - left atau right*/
padding-top: 14px; /*jarak antara perkataan dgn border - top atau bottom*/
}
_______________________________________________________________________________
P/s: perkataan y di highlight dgn warna biru ni boleh korg delete. Just nak explain maksud code tu. X effect pada result nanti.

Lepas tu boleh boleh save dgn klik butan apply to blog (Atas kiri warna orange)
Sekian terima kasih 

1 comment :

DoNT 4Get To DrOp Me A cOmMent b4 u LeaVe..
tQ.. =)