M a i M i n h y u k ☂

HOME ABOUT TWOTO FREEBs! K-POP FREEBs! BIASES FOLLOW DASHBOARD
o w n e r

Annyeong! Maisarah imnida! lol XD | 13 | K-Popper | BTOB | EXO | Be nice here chingu.. Gomawo! ♥ ;

c b o x

c h i n g u

F o l l o w e r g a d g e t ;


c r e d i t
© Skin by Atiqah Jaidin inspired by Myra. Image from 동방. Do tell me if I do not credit yours.
Blockquote Style 1#
2 Aug 2013 | 0 peterpan(s)


Assalamualaikum dan annyeong..
sekarang, Mai nak ajar camne nak buat blockquote yg macam ni (ada hover) :

before

after

lets start!*

 BLOGSKIN

  1.  Dashboard > Template > Edit HTML
  2. Tekan F3 dan type blockquote {
  3. tukar code tu kepada

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;
}

4. paste kat bahagian blockquote {
5. Save.



___________________________________________________________________________


DESIGN

  1. Dashboard > Template > Edit HTML
  2. Tekan F3 dan carik code .post blockquote {
  3. tukar code tu kepada 

.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;
}

4. Paste kat code tadi
5. Save

+