TUTORIAL : BORDER POST TITLE (designer template only )

SELAMAT PAGI & SELAMAT HARI SABTU :)

aipp..pagi pagi dah buat tutorial ye cik solehah,.?hehe..yela..semalam cik za rq 

tutorial nie..cepat cepat solehah buatkan..mesti cik za pun tak sabar nk edit edit

blog kan?kan??hehehe.. seblom nie solehah dah buat tutorial untuk background

post title kan..so.ari nie nak buat border pulak :)

LANGKAH 1

• mula mula..pegi DASHBOARD > DESIGN > EDIT HTML . cari koding nie.. ctrl + f lagi senang..hehe..  :)

h3.post-title, h4 {

LANGKAH 2

• dah jumpa??ambik koding yg nie pulak untuk buat border.letak selepas/di bawah koding di langkah 1 tadi yep.. :)

background : #000000;
border : 3px solid #ffffff;
text-align:center;

LANGKAH 3

• okei..solehah nak  xplen ckit 3 baris koding yang dh di tambah tadi.

1. background : #000000; =  yg nie..kalau korang nak buat background untuk post title.kod warna tu boleh tukar..kalau yg nak transparent je..tak payah letak kod warna..fhm tak??  
2. border : 3px solid #ffffff; = ha.koding nie paling penting..dah nak buat border kan..hehe.. 3px korang tukar nak tukar nilai lain pun boleh..(semakin besar nilai px yg korang buat..semakin tebal lah border korang..ahaha..mcm sainss..). solid = ha.yg nie jenis border..nak tukar dashed..dotted pun boleh.. #ffffff = yg nie warna untuk border..nak tuka wrna lain..tukar je kod wrna tu..
3. text-align:center; = yg nie pulak nak buat title post korang center..nk tukar left..right pun bolehh bahh..ekekeke..

LANGKAH 4

• jadi..koding korang akan jadi mcm nie.. 

h3.post-title, h4 {
background : #000000;
border : 3px solid #ffffff;
text-align:center;
  font: $(post.title.font);
  color: $(post.title.text.color);
}

LANGKAH 6

• dah siap??preview..kalau takda error..sila save..hoho..

p/s : untuk title sidebar..next tutorial okei..hehe..