11.1.11

TUTORIAL : TUKAR BACKGROUND POST TITLE (DESIGNER TEMPLATE)

yeahh.tutorial nie d taip dengan cepat oleh solehah.hehe..sebb slalu main typershark la nie.
haha..dulu.solehah ada buat tutorial nie jugak kn.tapi yg tu untuk classic template.kali nie
nak buat untuk designer template pulak.hehe..incek caer,nanti solehah eply kt shoutbox..
takot tak menjadi pulak.ngee..jadi..solehah buat tutorial nie..spesel untuk incek caer lh..
hehe.sapa yg pkai designer template tu..boleh gak try tutorial nie okei.. *senyummm.

LANGKAH 1
  • mula mula..pegi DAHBOARD > DESIGN > EDIT HTML > tick EXPAND WIDGET TEMPLATE. pastu.cari koding nie..


h3.post-title, .comments h4 {
font:normal normal 22px Arial,Tahoma,Helvetica,FreeSans, sans-Serif;
margin: .75em 0 0;
}

LANGKAH 2
  • dah jumpa??korang gantikan tu..dgn koding yg nie pulak.


h3.post-title {
background:#FF0066;
text-align:center;
  margin: 0;
  font: $(post.title.font);
}

.comments h4 {
  margin: 1em 0 0;
  font: $(post.title.font);
}

LANGKAH 3
  • kod warna #FF0066; tu korang boleh tuka warna yang menjadi pujaan hati,yg solehah buat tu.warna pink.hehe.tak pecaya.copy laa..hoho..
LANGKAH 4
  • kalau nak background yg begambar pulak.gantikan kod background:#FF0066; tu dengan yg nie.


background-image:url(URL GAMBAR KORANG);
background-repeat:repeat;
background-position:center center;

LANGKAH 5
  • gantikan URL GAMBAR KORANG ngn url gmbar yg korang pilih k.


LANGKAH 6
  • amacm?dapat tak.korang preview dulu.then kalau xda error.sila SAVE.hehe. :)


    *sekian terima kaseh.incek caer try la..kalau tak dpt..nnti solehah tolong.ngee..



    15 comments:

    caer sasuke said...

    trimas byk2..caer dah byk kali main koding..x jmpe2..respek la bleh jmpe..hehe..trimas banyak2..tutor kat sini best3

    ♥ solehah ♥ said...

    @mohd sasuke

    huwaa.solehah pn baru nk mengkaji koding designer tmplate nie ha..
    mula2.fening gak aritu..hehe

    btw.makseh caer.. :)

    caer sasuke said...

    ish terbalik plak..caer la ptot kate trimas..kih3

    ♥ solehah ♥ said...

    @mohd sasuke

    haha..yelayela..
    sama sama caer..ehhe

    aten wiwin said...

    knape ta jmpe koding tu ? adoy . haha

    ♥ solehah ♥ said...

    @aten wiwin

    try tengok tutorial yg nie k :)
    http://empayarbintangtiga.blogspot.com/2010/12/tukar-background-post-title.html

    Anonymous said...

    apa kmk xpat polah oh? 2-2 dah dcoba. =.='

    aNiss :):) said...

    huwaa =( tak jadi.. lame buat yg niee... bkpe tak jadi? koding tu tade pun.. akak.. tolong aniss =)

    ♥ solehah ♥ said...

    @aNiss :):)

    try cari koding..
    .main-inner .widget h2 {

    hehe . sorry.sebb tmplate aniss lain..klau x dpt jugak..tnya kt fb okei.. :)

    aNiss :):) said...

    @? solehah ? kalau plain background dah jadi.. tapi kalau bergambar tak jadi ;(

    ♥ solehah ♥ said...

    @aNiss :):)

    oh..ye ek..try koding nie,.,


    background-image:url("URL GAMBAR KORANG");

    kot2 sebab xda tnda tu dia xnak.hehe :)

    aNiss :):) said...

    tak jadi.. hahaha! tak pelah.. anyways, thanks akak sudi tolong aniss.. =)

    Unknown said...

    haaa tuto ni la aish carik.. tuto org lain sume tk jd.. sbb kod aish lain mcm skit. hehe..thanks ye

    ɳᶐƦƧɧϱϱ said...

    kod kite len la..huhu da bnyk blog sy bukak na cari yang bole buat bnda ni.. tp hasil nya =/....huhuhu

    alia zainol said...

    menjadi :)
    tq!

     
    Design by AH|SW |Empayar Bintang Tiga 2013