Tuesday, November 1, 2011

Tutorial: Border/Background di tajuk entri



Salam semua!!

Haritu ada yang request,
Tak tau la kenapa ada request ni sebab bila aku view blog tuh, owner nya ada buat tutorial jugak.
Tapi takpe lah, aku buat jugak okee.. ;p

Caranya:

1. Dashboard > Design > Edit html > Tick expand widget templates.

2. Cari kod di bawah neh
.post title {
atau
.h3.post-title {
atau.
post h3 {
Takde jugak. Ekau cari la sdiri. Tak dapet den na nolong.
Maybe sebab lain template k0t. heee..

3. Pastu copy kod yang bawah neh pulak dan paste di bawah kod yang kamu jumpa tadi ye..

margin: 1.5em 0 .5em;
text-align: center;
border: solid #000000 3px;
-moz-border-radius: 35px;border-radius: 35px;
background: #ffffff;
color: #000000;
line-height: 1.0em;
font-size: 12px;
font-family: verdana;
 **Sekarang kena tukar:

border: solid/dashed/dotted, #000000-warna, 3px-nilai ketebalan border
-moz-border-radius: 35px;border-radius: 35px; : bentuk border tengok SINI
background: warna background. 
color: warna tulisan
font size
font family: jenis font
kod warna. SINI

kalo nak letak background sdiri, just tukar kan kod background tuh kepada kod neh

background : url(URL BACKGROUND);
URL BACKGROUND, gantikan dengan url image korang. Kalo taknak border, delete je atau tukar ke nilai 0px.

4. Dah siap tu, PREVIEW dulu okeh, tengok menjadi tak. Kalo ok, SAVE je lah.

5. Okeh, setel sudahh...penat ah buat tutor neh, banyak nak kene tukar. heee. Tapi takpe korang kan rajin-rajin semuanya.. ^_^

bai!

Photobucket

Thanks for your reading love! =D

Related Posts Plugin for WordPress, Blogger...