Salam to all readers
Untuk entry kali ni, dil nak share pasal border yang korang boleh gunakan
untuk mencantikkan blog korang..
Border ni korang boleh guna untuk sidebar, post ataupun blockquote..
Contohnya korang boleh tengok border yang dil guna untuk tajuk sidebar dil..
*
*
Kat bawah ni adalah diantara jenis-jenis border yang korang boleh pilih..
Pilih border yang korang suka
Step 1 :
Dashboard > design > edit html > tick expand widget template
Tekan Ctrl + F
Untuk kotak sidebar/ tajuk sidebar
*setiap template adalah berbeza
cari : h2 {ataupun .sidebar .widget{ataupun .sidebar h2 {
Untuk tajuk post
h3.post-title {
Untuk blockquote
.post blockquote {
Step 2 :
Copy dan paste kan coding kat bawah ni, letak selepas coding yang korang search tadi
(A)
-moz-border-radius-bottomright: 50px;border-bottom-right-radius: 50px;
(B)
-moz-border-radius-bottomright: 50px 25px;border-bottom-right-radius: 50px 25px;
(C)
-moz-border-radius-bottomright: 25px 50px;border-bottom-right-radius: 25px 50px;
(D)
-moz-border-radius: 1em 4em 1em 4em;border-radius: 1em 4em 1em 4em;
(E)
-moz-border-radius: 25px 10px / 10px 25px;border-radius: 25px 10px / 10px 25px;
(F)
-moz-border-radius: 35px;border-radius: 35px;
Selepas tu, tekan preview..
Kalau ok tekan SAVE
Ini adalah contoh border yg dil gunakan untuk tajuk sidebar dil..
Untuk rujukan...sidebar h2 {-moz-border-radius: 25px 10px / 10px 25px;border-radius: 25px 10px / 10px 25px;text-align: center;background:#FAAFBE;margin:0;padding:0 0.2em;line-height:1.5em;}
Cara nak buat border melengkung untuk sidebar
Background untuk Sidebar Title
nota kaki:
credit to Yqnq ellyana
for the border..^^
thumb up!
ReplyDeleterajin nye dia wat tutorial ni...akk will try next time bile ati tergerak nak tukar kuikuikui...syabas dik (^_^)
ReplyDeleteOk ....nak cuba nanti
ReplyDelete@Aerol Hafiezi: heheh..tq..^^
ReplyDelete@ ...sWeeT uMi... : ngah cuti kak..3 bulan..xde keje..hehe..cuba tauu..
ReplyDelete@Hanif:cuba jgn xcuba..he
ReplyDeletesalam, saya rase posts title tu better letak h1 baik tok seo..:)
ReplyDelete@Qairy: h1 tu, apa functionnya?
ReplyDeleteCik Dil,.tlong aini punya xmenjadi la,.=((
ReplyDelete@ NURUL AINI NORAZMAN: part mane yg x jd??meh dil tolong
ReplyDeletehmmm..xjadiii ,,:(...
ReplyDeletesalam kaka,,zea da cuba byk kli ttp xdpt npa ya??
ReplyDeletezea letak mcm nie,btl x or slh:
h3.post-title
-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px;
@cik ain: nak dil buatkan??boleh jer..
ReplyDelete@fawzeah zea: coding awak tu salah..cuba tgk yg dil punya tuuu..
ReplyDeletedill..watkan..ain nk wt kn sidebarrr ~~...yggg Bordderrr HURUF D..:)...
ReplyDeletedil,,xdpt bt lar..mukin xsesuai untk h2{..apa2 thanks :D
ReplyDelete: Cik dill.. tutorial jenis2 border memang TERBAIKK..suker gilerr.. :)) thanks yaa.. tp mysara buat lebih kurang tersama dgn cik dill.. sbb refer yg bentuk E tue.. x pe kn sama dgn cik dill. hihi :) if cik dill x suke, gtau k.. anyways, thanks again.
ReplyDeletesista amek tuto ni yeahh ? :)
ReplyDeleteawak2..syufa tgk tutorial ni..tenkiuu yee! :)
ReplyDeleteta dpt cari p0wn k0d nt0k taj0k p0st n bl0ckqu0te .
ReplyDeletethanksss dil :)
ReplyDeletethanks sudi kongsi..btw, salam perkenalan...
ReplyDeletedah buat..ok..;) thanks
ReplyDeletethanks kak ! daa jadik ! sayang akak ! ^^
ReplyDeletesalam kaq dil...bole x tlong ajarkan cara nk ltk gmbr background kt post title..
ReplyDeleteerk ? sye xpham laa !
ReplyDeletehi dear, thank you for your tutorial
ReplyDeletesy dah cuba..mmg jadi =)
a bunch of thx lg skali
sorry sangat2 cik dil..asyik terpanggil cik mel je..sebab tadi ada try tuto yg cik mel bg..sebenarnya nak wish tengs juta2 kat cik dil..=(
ReplyDeletekalau nak tebalkan & tinggikan border tu camane???
ReplyDeleteyes..menjadi...tengSz sis..
ReplyDeleteadk amek keyh border nie :)
ReplyDeletetolong saya...
ReplyDeleteblog sy tak bley bkak after edit html
TQ AWAK.. TUTRIAL YG BERGUNA.. SY DA BERJAYA BUAT.. TQ
ReplyDeletethx 4 da info . :)
ReplyDeleteCik dil, macam mana nak buat yang tuan tanah tu?
ReplyDeleteakak mcm mna nk tekan kt mna nk bt bolder tu sya cri x de pun??
ReplyDeleteakak mcm mna nk mla?? sya pening nie tak tahu nak tekan dekat mana dulu and tak tahu nk mula dari mana??
ReplyDeletekakak, knp bila sya cba, sometime dye ada sometime x de?
ReplyDeletenak buat toturial tp disable rightclick mcna
ReplyDeletekeren......makasih ya...
ReplyDeleteTrmksh... Follow Back Ciek..
ReplyDeletewww.makho-manda.blogspot.com
i think kalau utk step, better letak pic supaya mudah faham
ReplyDelete