WANASEOBY: How to style your post blockquote

Assalamualaikum,

Demo:

This is the live preview of blockquote style 2. Please hover this blockquote to see the hover effect. To use blockquote, highlight the text and click

. To have this kind of blockquote in your blog, simply follow the instruction below.

1. Blogskins/ Classic template : Paste the codes giver before/above </style>

2. Template designer : Paste codes given before/above ]]></b:skin>

blockquote{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih9Xsi1O8L0f5tZixKHYkBLMPH335hsy8uF7xorhIvBdRMesRfb-zcZ7XI4eGPgOuKzhCpYGDxPgo7ky1PqN_acIzQp0cg7qn0lN3CQzWHtKXiNk-ylhLWAeU8HycdWRyh56d-AYtD62Ey/s1600/grey.png
);
padding:20px;
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;
}

WANASEOBY

9/14/2012

How to style your post blockquote - Style 3

9/14/2012