Tutorial Tajuk Widget berlatar-belakangkan Gambar Comel

Salam.

Tutorial yang simple lagi mudah.
Kalau tak faham, sila tanya eh.
Sebab I tak reti la nak explain tajuk.
Korang tengok gambar bawah nih.


Haa. cantik tak tajuk widget I?
Cantik kan? 
Macam mana I buat?
oke. follow instruction di bawah!

Design - edit html - expand widget templates
ctrl+F untuk carik code h2 {

Copy dan paste kan code di bawah ni selepas code h2 { tadi.

background-image:url('url gambar pilihan anda');
border: 1px solid #00000;
text-align: center;
-moz-border-radius: 0px;
-webkit-border-radius: 10px;
border-radius: 10px;

Dah siap. Save macam biasa.
Url gambar tuh korang pergi carik sendiri.
Pastu kalau nak edit ketebalan border tuh, ubah je bilangan px tuh.
Untuk warna border, pilih dekat COLOUR CHART.

Ingat, pemilihan warna juga amat penting untuk memastikan kekemasan sesebuah blog.
Pastikan warna yang dipilih sesuai dengan blog korang.
Selamat mencuba! =.='
Photobucket

Comments

Iqwan said…
salam sis kenapa tak jadi
Nurulchumel said…
@iqwanroslanni

tak jadi?
maybe templates tak sama kot.
try again.
baby girl said…
kenp yana buat x jadi pon..ek just jadi border dier jer background x lekat pon..huhuhuhu
Nurulchumel said…
@baby girl

maybe ada something wrong somewhere yg silap tuh. try again. jgn give up!
Unknown said…
Salam akak, nape dekat blakang sidebar adik warna dier xnak hilang?

Popular Posts