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; }

Read More

Sun Sign Widget

Neat little widget filled with your birthdate info .

Enter  your own Date of Birth { or maybe even someone else's } to know the Day of Birth, Zodiac Sign, Zodiac Symbol, Zodiac Element, Ruling Planet, Lucky Numbers, your BirthStone, Lucky Color, Personality Traits, Personality Nature, Relationships and Love etc.

HTML CODE "

<iframe src=http://widgetscode.com/wc/astro?skin=nb1 style='width:320px;height:440px;margin:0;'frameborder=0></iframe>

Read More

TOC

Love this Table Of Contents using labels

[ also see http://www.arlinadzgn.com for more customization ]

CODE: 

<div style="background-color:none; max-height:1200px; margin:auto;overflow:auto;padding:3px;text-align:left;width:100%;"> <script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/daftsimple.js"></script><script src="/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script> </div>

Read More