Hye2, kali ni aku nak buat tutorial post blockquote pulak. Request by my friend Zierah. Oke, aku cube tolong kaw la yerk. Aku xbape reti sangat pon.Kalau kali ni kaw buat x jadi jugak x tawu la.. Mungkin ade problem dengan kaw punye code kot. Jom try lagi sekali yek.
- Mula2 g kat Dashbord >Design >Edit HTML> tick Expand Widget Templets. Kalau takot silap kaw Download Full Template dulu..
- Lepas tu, tekan Ctrl + f untuk cari code kat bawah ni..
.post blockquote {
margin:1em 20px;
}
- Jumpe x code ni??? kalau x jumpe kaw cube delete margin:1em 20px; } kaw find .post blockquote { je.kot2 la yang before punye ade lagi kan..kaw kene delete dulu yang kaw dah penah paste. Kalau x jumpe jugak kaw cari code ni pulak.
]]></b:skin>
- Dah?? Ok, sekarang kalau kaw jumpe code yang 1st tu kan, kaw copy code kat bawah ni lepastu GANTIKAN code yang korang jumpe tadi. Tapi kalau kaw jumpe code 2nd tu, kaw paste code ni kat ATAS code ]]></b:skin>
.post blockquote {Merah: yang ni code untuk colour background.Kaw boley tuka ikot warna yang kaw nak. HTML COLOUR.
background: #FFF380;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
padding: 6px;
Border: 1px solid #000000;
margin:1em 20px;
}
Biru: Kalau kaw rajin nak edit2 border die..
Ungu : 1px - tu untuk tebal border kotak blockquote..
#000000 : warna border kotak blockquote
Boleh tukar : solid untuk garis lurus
dotted untuk garis titik-titik
dashed untuk garis putus-putus.
Kalau nak yang ade background dekat belakang pakai yang ni.
.post blockquote {
background: url (URL Image) repeat;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
padding: 6px;
Border: 1px solid #000000;
margin:1em 20px;
}
Gantikan URL Image tu dengan URL Image yang kaw nak.Ok,yang ni yang biase punyer.. kaw nak edit2 ciket pon boleh.. Kalau yang macam aku punyer pakai yang ni..
.post blockquote {
margin: 1em 20px;
padding: 8px;
border: 1px dashed #555;
background:url(URL Image);
background-repeat:repeat;
color: #000000;
text-align: justify;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
- Dah siap Save. Kaw try la pakai blockquote tu.. Kaw taip la ape3.. then kaw highlight kan yang perkataan yang mane kaw nak quote then tekan button quote. Pastu preview la...kalau jadi publixh post. Done!
![]() |
Klik utk tumbesaran |
P/s: Hah? jadi x??? kalau x jadi x tau la..hek3 (sila gunakan ctrl + c untuk copy code yek)
pandai gak ko wat tutorial ek?
ReplyDeletemn blaja ?
x leh la wei..
pening da aku..
@era_zierah
ReplyDeleteHaha,kne rajin explore la..ggeegege~
xjadik gak kew??
xjd..aku gune kod yg no 2...
ReplyDeletex taw la nape...
tnsion je...
=.='
@era_zierah
ReplyDeleteKaw kne save dulu.. Nanti kaw nak post something kaw preview bwu nampak~~
tumpang tanye..
ReplyDeleteblockquote nie untuk aper rk????
@Muhammad Faris bin Yahya
ReplyDeleteBlokquote = Kotak bubble2 wane pink kat atas tu~~
atas maner ek???
ReplyDelete@Muhammad Faris bin Yahya
ReplyDeleteErrkk..kotak yg kat dalam entry tue~~
mnarikk nih.. thnx!
ReplyDeleteslalu nampak org buat..
hehe.. agak2 template Along nnt boleh buat ke tak.. kite tengok jela nnt.. =)
@Along Usop
ReplyDeleteEheheh, try la buat.. Dulu pon dyla dah fedup buat bende alah ni..Tapi cuba jugak sampi la jadi.hihi~
Gud luck la ye~
salam, singgah jap..dyla wak la byk lg..tutorial nak tkar cursor cm yg dyla wak kew..hehe..
ReplyDeletetag u..:)
http://www.youtube.com/watch?v=6DR1f-TJBgc&feature=player_embedded
@Norju's
ReplyDeleteErrkk..ok3 nt ade mase dyla bt tuto okeyhh..hehe