Tutorial : Blockquote I

11:33:00 PM

Assalamualaikum :)

Live Preview : Blockquote I live preview.

1. Tekan SINI dulu. Lepastu teruskan step berikut.
2. Blogskin / classic template : Paste codes bawah ni diatas </style>
3. Template designer : Paste codes ni di atas ]]></b:skin>  


blockquote{
background:url(http://3.bp.blogspot.com/-2A0D4wY8Rww/TzuO_pTu-zI/AAAAAAAACpQ/B9EkXNZ9C48/s1600/grey.png
);
padding:10px;
border-radius:10px;
border-left:10px solid #CCC4FB;
border-right:10px solid #CCC4FB;
border-top:2px solid #DED9FC;
border-bottom:2px solid #DED9FC;
color:#808080;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
font-family:calibri
}

blockquote:hover{
border-radius:20px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
-webkit-box-shadow: 0px 0px 8px #B0AAFF;
-moz-box-shadow:    0px 0px 8px #B0AAFF;
box-shadow:         0px 0px 8px #B0AAFF;
}

4. Save. Done :) Say Alhamdulillah yo !

Assalamualaikum
Blog Author : FafaKyraa

You Might Also Like

1 Commentor(s)

Assalamualaikum
Feel free to put your thoughts here XD