Tutorial Pisahkan Body dengan Sidebar

Tumblr_m979ltfauy1qmjez3o1_1280_large
hye...
tutorial nie atas permintaan Mailey Jayley


jom follow tutorial nie k
di ingatkan kalau ade yang iema suruh delete kod, sebaik2 nya sebelum delete kod toe korang copy dulu di notepad...
untuk berjaga2 ^^
 P/S : nax copy, highlight dan guna ctrl + c

UNTUK POST / ENTRY
 Dashboard -> Template -> Edit HTML
 ctrl + f, cari kod nie
.post {
 dah jumpa.. copy dan paste kod nie dibawah kod yang dicari tadi
( kalau ade kod lain di bawah kod yang di cari tadi, delete ya)
background: #000000;
margin:2.0px;
padding:8px 8px 8px;
border:2px solid #ffffff;
border-bottom:2px solid #ffffff;
border-width:1px 1px 1px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
-moz-border-radius-bottomright:20px;
border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
border-bottom:2px solid #ffffff;
border-width:3px 3px 3px;
}
UNTUK SIDEBAR
 ctrl + f, cari kod nie
.sidebar .widget {
 dah jumpa, copy kod nie di bawah kod yang dicari tadi
(kalau ade kod lain dibawahnya, delete dulu ya)
background : #000000;
border:2px solid #ffffff;
margin:0 -5px 2.0em -5px;
padding:10px 10px 10px 10px;
-webkit-border-radius: 20px 20px 20px 20px;
}
color merah = tukar warna background korang
color hijau = ketebalan garis border korang
color kuning = jenis garis border.. tengox di SINI
color oren = warna garis border

 preview dulu...
kalau tax ade pape error, dah jadi la toe...
dah siap 

6 comments:

mailey jayley said...

TQ iema ! ! dah jd dah :))

Nur Madihah said...

kenapa tak jumpat ayat post tu eh?

Iema Gurlz said...

@Nur Madihah x jumpe??
cube cari lg sekali..
awak x perasan toe kot
awak gne template ape?
tutorial kt sini sesuai tox simple template...
template lain, try n error k...

Shiro Usagi said...

tak temu lah sidebar widget tuu

Iema Gurlz said...

@Shiro Usagi lorh
lain kod ke??
cuba cari yang dekat2 same ke