29 May 2011

tutorial ; simple post footer

hello and hye alll :)

againn , tuto . hehe . terasa seperti rajin pula buat tuto . hehe :) akeyla yang request . ok , now , simple post footer pulak :) cuba tengok dekat post footer blog nie . nampaf tak dye ade border top dengan bottom tu . haaa , sekarang kita akan belajar camne nak buat macam tu ,

 
(nie dye post footer tu)

 macam biasa | Dashboard > Design > Edit HTML 

 tekan CTRL +F dekat keyboard then search code .post-footer {

 bila dah jumpa copy codes dekat bawah nie then paste bawah code yang korang cari tadi :)

margin:0.25em 0;
padding:10px 10px;
color: #bebaba;
text-align: left;
border-top: 2px solid #bebaba;
border-bottom: 2px solid #bebaba;
font-size: 100%;
}
studyyy !
biru ; tukar kepada code warna yang korang nak . refer sini 
hijau ; alignment ayat dkt post footer korang . boleh tukar right / center / left
purple ; boleh tukar dashed , inset , outset , ringe 

 lepas dah tukar , preview . kalau tak de pape . save je :) hehe

ok , tu je . papaii ~~

Photobucket

6 comments:

said...

Tulisan yg bold tu boleg tukar kpd apa?

said...

AAAA , THANKS AFIQ <333333

said...

@Akeyla Frr . welcome :)

said...

@alice_b2uty tengok balek tuto nie . dah update~

said...

Dah jadi dah .. Thnkx Afiq ! Dari dulu carik tuto mcm nieh .. Skrg dh jadi .. Thnkx bnyk2 !

said...

jadi la...terima kasih utk tutorial tu...=)