Styled Blockquote

Adding a Styled / Outlined Blockquote 

Go to your blogger Dashboard > Template > Edit HTML
Press Ctrl& + F and click anywhere inside the template editor
Just above the ]]></b:skin> paste the code highlighted in yellow
 and click Save template.

Style #2

Image example source: knigulper.com - Click for more examples/styles

Source Code:

.post blockquote{ font-family: Georgia, Times, "Times New Roman", serif;
font-size: 16px;
border-width:5px; 
    border-style:dotted solid; border-color:#f1ae28;
margin: 1em 0px; padding: 1em 1em;
font-family: Georgia, Times, "Times New Roman", serif; font-style: italic;
font-size: 1em; min-height: 60px; }
.post blockquote:before { display: block;
float: left; content: "\201C"; font-size: 100px;
margin-right: 10px; color: #fff;
background-color: #f1ae28;
padding: 15px 12px 5px 8px; width: 50px; height: 50px; line-height: 90px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.post blockquote cite { position: relative; display: block; text-align: right;
margin-top: 5px; color: #999; }