21 December 2010

Tutorial 18# Membuat blockquote

Okeyh tuto nyh request oleh Awynn
Mmg bende nyh dh jdy bende byase..
Tpy ia mungkin ssh sikit bgy awynn
Sbb dye pkay template designer..
Ble soofiyah intai mslahnyer..
bru soofiyah taw.. rupenyer sbb
kat HTML 2 x buat blockquote..
Okeyh, dh alng2 buat blockqute
Soofiyah ajar untuk minima skali, k?

Template designer
1- Dashboard > Design > Edit HTML
2- CTRL+ F
.post-body {
3-Then kat bwah dye akn ad something like this larh..
.post-body {
font-size: 110%;
line-height: 1.4;
position: relative;
}
4-Paste kod nyh kat bwah dyer
.post blockquote {
background: url(URL KORANG);
border-top: 2px dashed #FF0080;
border-left: 2px dashed #FF0080;
border-right: 2px dashed #FF0080;
border-bottom: 2px dashed #FF0080;
margin:1em 20px;
}

5-Dye akn jdy cam nyh..

.post-body {
font-size: 110%;
line-height: 1.4;
position: relative;
}
.post blockquote {
background: url(URL KORANG);
border-top: 1px dashed #FF0080;
border-left: 1px dashed #FF0080;
border-right: 1px dashed #FF0080;
border-bottom: 1px dashed #FF0080;
margin:1em 20px;
}

6-Korang bleyh tkar 'URL KORANG'
kepade corak yg d'kehendaki..
Cari kat photobucket..
Mcam2 ada.. Hehe


Minima template

1- Design > Edit HTML
2- CTRL + F
.post blockquote {
3- Pastekan kod nyh, btul2 bwah dyer..
background: url(URL KORANG);
border-top: 2px dashed #FF0080;
border-left: 2px dashed #FF0080;
border-right: 2px dashed #FF0080;
border-bottom: 2px dashed #FF0080;
margin:1em 20px;
}

4- Dye akan jdy cam nyh

.post blockquote {
background: url(URL KORANG);
border-top: 2px dashed #FF0080;
border-left: 2px dashed #FF0080;
border-right: 2px dashed #FF0080;
border-bottom: 2px dashed #FF0080;
margin:1em 20px;
}

5- Tkar 'URL KORANG' kepada corak yg anda mhu..
6- preview and save..
Kan, snang..
X ssah, kan?
Ad msalah? Tanyer...



No comments:

Post a Comment

Awak comment saya sayang.. =)