How Add Stylish CSS Blockquote With Author Section For Blogger Blogs

PUT YOUR PARSED ADSENSE CODE HERE

The standard Blockquote on Blogger is very boring, simply a instand of shade background in most cases.Also several bloggers do not use blockquotes that could be a shame as they will be a watch catching feature in your posts.Blockquotes is fashionable and informative once used properly and titled as you would possibly see in newspapers and magazines.
So once recently functioning on a journal the owner wished the blockquote to be a true feature.They used lots of quotes in posts and wished these quotes to square out.Using some easy CSS I titled a blockquote that readers would love and that i can share it with you during this post.
we have a tendency to tend to use quotation marks at the very best and bottom and at last you'll add the quote authors name if needed.You can see a screenshot of the blockquote.

How Add Stylish CSS Blockquote With Author Section For Blogger Blogs

How Add Blockquote/Code Box in Blogger?

Follow All steps Below Given.

• Go to Blogger Dashboard >> Template >> Edit HTML
• Find Using (Ctrl+F) This Code ]]></b:skin>
• Copy Below Given Code And Paste Above It.

/* CSS Style Blockquote www.seobloggertricks.com Your Blog */
blockquote {
color:rgb(255,150,100);
font-family:georgia, serif;
font-size:32px;
line-height:1.2;
text-align:center;
padding:24px 60px;
margin:0 120px;
margin-bottom:18px;
border:solid 1px rgb(220,220,220);
position:relative;
}
blockquote:before,
blockquote:after {
position:absolute;
width:48px;
height:48px;
content:".";
font-size:0;
}
blockquote:before {
background-image:url('http://i.imgur.com/uoHCjSK.png');
top:0;
left:0;
}
blockquote:after {
background-image:url('http://i.imgur.com/m3HnqqU.png');
bottom:0;
right:0;
}
.author {
display:block;
text-align:right;
font-size:18px;
padding:4px;
color:rgb(150,150,150);
font-style:italic;
}

• you can change color your desire.

How Show Author Name Below Coding.

When you writing article post and desire to show author name below coding.
Copy Below Given Code And >> Choose HTML Section in Post Area And paste it or Customize With Text And Author name.

<blockquote>
Sample Text For blockquote How Show Author name Below Coding Area .<span class="author">~ Imtiaz Ahmed</span>
</blockquote>

• Change Text and Author Name With Your And Enjoy This Awesome Blockquote Style

hope You Like This Blockquote Style Comments Ans Share With Friends.

Do you Like this story..?

Get Free Email Updates Daily!	Follow us!