Friday, May 24, 2013

Add Stylish Blockquote


Step 1: Open Youar blog and



Step 2: Go Html Template Edit



Step 3: <Head> Section In Paste This Code









<style>

.post blockquote p {
margin: 0;
padding-top:10px;
}
.post blockquote
{
font-size: 15px;font-family: Verdana;font-weight: normal;font-style:italic;
background-color: #BFE3FE;
color: #000;
margin: 5px 10px;
padding: 20px 20px 20px 20px;
border: 2px dotted lightgrey;
border-radius: 10px;
box-shadow: -1px -1px 12px 2px gainsboro;
transition: background-color .777s;
-webkit-transition: background-color .777s;
-moz-transition: background-color .777s;
-o-transition: background-color .777s;
-ms-transition: background-color .777s;
}
.post blockquote:hover
{
background-color:#009999 ;
color: #fff;
}
.post blockquote:active
{
background-color: CornflowerBlue ;
color: #000;
}
.post blockquote { background: #F3F3F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2HGs8g5ufTDPcc7LqXrOAWzDDJkTP84SBtEN1u9gaVwn5n5CKj9CFzhhaPZx0oM6riLNZQiQTIMdTj7jGjLCmKbS7_MF96kuXMuGuFHvJxqjEiHhb7_I_BDGA7Vr0gPIBsubwfMv65DQ/s1600/Quote%252BBS%252BFinal.png) ; background-position:; background-repeat:repeat-y; margin: 0 20px; padding: 20px 20px 10px 45px; font-size: 0.9em; font: italic 1.2em Georgia, &quot;Times New Roman&quot;, Times, serif; } .post blockquote p { margin: 0; padding-top: 10px;

}

</style>



No comments:

Post a Comment

Add Cool Drop Down Menu in Blogger

Drop Down Navigation Menu For Blogger : You may have seen many drop-down menus but today "ThatsBlogging" will present you an incre...