tutorial ; curved border

hello bloggerss :)

yeahhh ! tutorial si afiq nie dah kembali ! hehe , tak tahu laa kenape angin tutorial datang tiup-tiup badan aku nie suruh buat tuto . hehe . bukan nye ape . aku rase tuto nie jarang ade kot . tu yang aku rase nak share nie . haha . best tak ? best tak ? lagi pun Kim Mia Joong (bukan nama sebenar) yang request . hehe

ok , maksud dye . kan kita dah sambung kan header kita dengan blog kan ? pastu border yang dekat atas je yang melengkung . border yang kat bawah pulak tak melengkung . so , macam mane nak melengkung kan border yang dekat bawah ek ? ikut step kat bawah nie . hehe :)


Dashboard > Design > Edit HTML

lepas tu , tekan dekat keyboard CTRL + F . then , search
  #content-wrapper {

third , copy codes yang ade dekat bawah nie ;

-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;

lepas dah copy , paste pulak dekat bawah #content-wrapper { .

then preview dulu , kalau border yang dekat bawah tu dah melengkung . 

S A V E sahaja :)


thats all . papaii ~