Красиво выделяем Цитаты в Blogger

В этой статье, вы узнаете как 
выделить текст цитаты, так же 
красиво как в этой статье,который расположен ниже.





Заходим в Дизайн на своем Блоге и добавляем Гаджет HTML/JavaScript с кодом расположенным ниже и сохраняем без названия.

 

 Код который вставляем в Гаджет HTML/JavaScript:

 <style>.post blockquote
{
font-size: 13px;font-family: Verdana;font-weight: normal;font-style:italic;
background-color: #F7C65C;
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: CornflowerBlue ;
color: #fff;
}
.post blockquote:active
{
background-color: lightblue ; ;
color: #000;
}
</style>

Теперь любую запись в ваше Блоге, выделив и нажав кнопку Цитата, у вас получится так же как у меня.
Удачи Всем!!!

Источник