Friday, August 3, 2012

Tutorial : Blockquote Version 4

Ok tadi ade orang re-quest . Die kate die minat dengan Blockquote jenis macam atin? LOL >< . ok xpe2 atin boleh ajar k contoh bawah ni



BLOGSKIN

 Dashboard > Template > Edit HTML
 Tekan Ctrl + f serentak dan cari code blockquote { 
 Tukar code tu kepada code dekat bawah ni
blockquote { 
background:#FFF2F5;
color: #ffffff;
border-radius:5px;
border:1px solid #FFDBE2;
border-right:15px solid #FFDBE2;
color:#000000;
padding:4px;
-webkit-transition: 2s;
}
blockquote:hover {
background:#E3F7FF;
color: #000000;
border:1px solid #D0F5F7;
border-right:1px solid #D0F5F7;
border-left:15px solid #D0F5F7;
-webkit-transition: 2s;
}
 Paste kat bahagian blockquote { tadi
 Save


....................................................................................................................................................................


DESIGN

 Dashboard > Designer > Edit HTML
 Tekan Ctrl + f serentak dan cari code .post blockquote {
 Tukar code tu kepada code dekat bawah ni
.post blockquote {
background:#FFF2F5;
color: #ffffff;
border-radius:5px;
border:1px solid #FFDBE2;
border-right:15px solid #FFDBE2;
color:#000000;
padding:4px;
-webkit-transition: 2s;
}
.post blockquote:hover {
background:#E3F7FF;
color: #000000;
border:1px solid #D0F5F7;
border-right:1px solid #D0F5F7;
border-left:15px solid #D0F5F7;
-webkit-transition: 2s;
}
 Paste kat bahagian blockquote { tadi
Save

6 comments:

priyadarshini said...

Jadi.. Thanks.. :D

PuteriVampire said...

THANKS :D

Atiqah said...

akak kalau xde code tu nk buat kat mna eh ?

Atiqah said...

Ok takpelah dh tau dah :D thanks !

Jung Haneul said...

kalau tak de code tu nak buat macam mana ?

Atin Tory said...

@Jung Haneul : add code blockquote {