
Special Tutorial : Pisahkan,Curvekan Dan Letak Border dan Background Pada Body Post Dan Sidebar
5th step ..
ready .. set .. goo !!haha ! skrg ni aisyah nnk ajakn mcm mne nak jadi kan blog korang jdi cm aisyah ..sume nye terpisah2 ..kalo x fhm ikut je tutorial ni ..comfirm cantek blog korang !
Untuk body post
1) Pegi Dashboard>Design>Edit HTML
2) Cari kod : ~
.post {
3) Dah jumpa ka ? kalo da pasti korang nmpk kod kd bwh dyelebih kurang mcm ni kn : ~
margin: 0 0 1.5em; padding-bottom: 1.5em;}
4) Gantikan kod kat atas ni dgn kod bwh ni : ~
-webkit-border-radius: 40px;
width: 450px;
margin: 0 0 1.5em;
padding: 20px;
text-align: left;
background-color: #FFFFFF;
background-image: url(http://i1125.photobucket.com/albums/l597/cotcet96/20070320_313973.gif);
border: 3px solid #5FB404;
border-top: 3px solid #5FB404;
border-right: 3px solid #5FB404;
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
}
Siap
*untuk body post .. ikut step2 berikut plak*
Untuk sidebar
1) Pegi Dashboard>Design>Edit HTML
2) Cari kod : ~
.sidebar .widget {
3) Pasti korang jumpe kod ni kat bwh dye kn : ~
margin-bottom: 1em;
}
4) Gantikan kod kat atas ni dgn :~
-webkit-border-radius: 40px;
width: 200px;
margin: 0 0 1.5em;
padding: 20px;
text-align: left;
background-color: #FFFFFF;
background-image: url(http://i1125.photobucket.com/albums/l597/cotcet96/20070320_313973.gif);
border: 3px solid #5FB404;
border-top: 3px solid #5FB404;
border-right: 3px solid #5FB404;
-moz-border-radius: 1em 4em 1em 4em;border-radius: 1em 4em 1em 4em;}
Nota kaki :
kuning : gambar background .. kalu nak blank je .. cari kat google.com
kalo nk mcm
mia pye background .. bia kn je ..
merah : jenis border dye .. boleh rujuk
sini
Siap !
Lps ni Boleh tgk tutorial
ni ..
then cantek la blog korang ..
OLD • NEW