Tuesday, January 12, 2016
How To Add Blockquote Blogger
Insert CSS Style Sheet in Blogger Template:
First we will insert the CSS style Sheet to stylize our quote box.
- Go to Blogger >> Your Blog >> Template >> EDIT HTML >> Proceed
- And now Search For ]]></b:skin> With (CTRL+F)
- After you find ]]></b:skin> just above it paste the following coding
.post blockquote {
- background: #C8EFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg35OKqdyZEgTFo7dKhXxSECU2CJK8N6IuzAC2ByfHdoKmg0RLPF5HcuZq7InafAXX4hnyeSARqVGW4zuqROBZcTE3cdw9dWaGR9WHJptwacsE_V0lIrx9t0e9QHUWWDR361JCu14-HwDI/s1600/1.png);
- background-position:top left;
- background-repeat:repeat-y;
- margin: 0 20px;
- padding: 10px 20px 10px 45px;
- border-top: 2px solid #DDD;
- border-right: 5px solid #666;
- border-left: 2px solid #DDD;
- border-bottom: 5px solid #666;
- font-size: 0.9em;
- }
- .post blockquote p {
- margin: 0;
- padding: 0 0 15px;
- }
- .blockquote {
- font: 18px normal sans-serif,Tahoma;
- padding-top: 10px;
- margin: 5px;
- text-indent: 65px;
- }
- .blockquote div {
- display: block;
- padding-bottom:10px;
- }
- .blockquote p {
- margin: 0;
- padding-top:10px;
- }
- Now After pasting the above code save your template by pressing Save Template Button
- Publish your Post.
Thankx For Visit Geo Png
Labels:
Blogging
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment
Note: Only a member of this blog may post a comment.