Tuesday, January 25, 2011

Letak background kat post title dan side bar

Ada member tanya macam mana nak buat nie. Ok senang je actually. Macam biasa, mulakan dengan bismillah :p

1. Design > Edit HTML > Tick expand widget templates
2. Tekan CTRL dan F serentak, untuk search h2 {
3. Paste kan code di bawah ni betul betul bawah h2 { macam dalam gambar kat bawah nie.

text-align:center;
font: $(post.title.font);
margin: .75em 0 0;
-moz-border-radius: 40px 10px;
border-radius: 40px 10px;
border: 3px solid #FF0066;
background:url(URL GAMBAR YG KORANG NAK LETAK;)
}


Yang moz-border radius tu adalah kotak dia. Ada macam macam jenis sebenarnya. Yang kat atas ni macam aku punya. Kalau korang nak yang lain adjust je px dia tu. Malas pulak nak buat yang lain :p

4. Next, CTRL + F lagi, search pulak

h3.post-title, .comments h4 {

5. Paste kan code dibwah ni sama seperti dalam gambar. Maksudnya di bawah h3.post-title, .comments h4 {

text-align:center;

font: $(post.title.font);

margin: .75em 0 0;

-moz-border-radius: 40px 10px;

border-radius: 40px 10px;

border: 3px solid #FF0066;

background:url('URL GAMBAR YG KORANG NAK LETAK')

}


Selamat mencuba! :) Copp, tuto ni khas untuk pengguna Templates Designer okay? Sebab tu ada yang tak jadi. Kalau ada pape sila tanya di counter pertanyaan :)

CTRL + C untuk copy :)

No comments:

Post a Comment