♥ kotak blockquote
hadoi . bosan bosan . meera on9 je dr pagi .
saket badan betul dduk dpn com nieh .
tp xpe .
xrase sgt sbb dok edit blog .
hee .
haa skrg nie meera rase nak buat tuto lagi .
kali nie pasal blockquote pulk .
tahu x ap tu blockquote ?
halakan cursor kt sini . nie la blockquote
dh tahu kan ?
dulu punyela susah meera blaja .
thanks to
ain sbb code yg die bg senang je .
tuto yg laen sume ade
code .post blockquote
tp meera xde so xdpt buat .
tp
ain pnye tuto meera dpt buat .
so skrg meera nk share la ngn korang sbb meera dh tahu mcm mne :D
okay sape yg gune minima template ,
1 . pegi design > edit html
2 . ctrl + f
3 . search
4 . paste kan code nie kt bawah kot kt ats
background: url(url background korang );
border-top: 2px solid #F781BE;
border-left: 2px solid #F781BE;
border-right: 2px solid #F781BE;
border-bottom: 2px solid #F781BE;
margin:1em 19px;
}
5 . korang boleh ubah warna . boleh cari dekt
sini
7 . preview , dh puas hati . save :)
okay , bagi sapesape yg pkai template designer *mcm meera , korang memg xkn jmpe code .post blockquote tu .
1 . korang ctrl + f
2 . kt bwh code tu ade code mcm kt bwh *lebih kurangla kot
font-size: 110%;
line-height: 1.4;
position: relative;
}
paste code kt bawah nie dkt bawah code step no 2 tu .
.post blockquote {
background: url(url background korang );
border-top: 2px solid #F781BE;
border-left: 2px solid #F781BE;
border-right: 2px solid #F781BE;
border-bottom: 2px solid #F781BE;
margin:1em 19px;
}
3 . mcm biase , letk url background korang and bole ubah warna ikut suka hati korang .
4 . preview dh puas hati save .
okay lupe pulk . dh jd tp xthu gune . haish .
korg pegi la edit post mcm biase . tulisan yg korang nk letk blockquote tu , korg highlight je pstu tekn mcm dlm gmba nie
siap ! senang je kan :)
** okay sebab ada yg btanya psl border blockquote tu . meera post kt sini jela ;D
senang nt semua boleh tengok :)
ada banyak , tapi kalau nak mcm meera punye tuh , cume buang code
margin:1em 19px;
dan gantikan dengan ;
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
}
tu jea ;]
Labels: tutorial