August 2017 ~ LazsRealm Of Bloggin

Saturday, August 26, 2017

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

Sun Sign Widget

code, game

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 "

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&alt=json-in-script&callback=loadtoc"></script> </div>

angelic