Don't Miss

How to Customize Blockquote in Blogger

By Zohaib Liaqat - 7 Comments
First of all let me tell you that What is Blockquote? Blockquotes are sections of text which are used to highlight quotes from other text or simply a blockquote is used to highlight a text to make it different from other text on the page. Blockquotes are used to draw attention of your readers to particular parts of your blog or if you're a blogger then you can use blockquotes for highlighting code snippets of widgets/CSS codes. Whatever your purpose, using blockquotes is a perfect way to draw your readers attention. So today, in this tutorial we'll show you How to Customize Blockquote in Blogger. Check the image below to see how this blockquote looks that we are going to share today.

How to Customize Blockquote in Blogger

Step 1. Log in to your Blogger Account
Step 2. Go to Template >> Backup your Template and click on Edit HTML
Step 3. Search for .post blockquote and delete the code with all its occurrences. In most templates code looks like this

.post-body blockquote { blaa blaa blaa } 

If your couldn't find it then no problem, its ok
Step 4. Now search for ]]></b:skin> and paste the following code just above/before it

.post blockquote{background:#ddd;border-left:1px solid #333;border-bottom:17px solid #333;border-top:1px solid #333;border-right:1px solid #333; margin-left:20px}
.post blockquote p{padding:10px}

Step 5. Click on Save Template button
And you're done!

How to Use Blockquote

Using blockquote is extremely easy, from the post editor type or paste whatever you want. Select the text/code that you want to show in blockquote and click on Quote tool.

From Editors Desk

We hope this article helped you in learning How to Customize Blockquote in Blogger. Share it with your friends and don't forget to subscribe us!

7 comments to ''How to Customize Blockquote in Blogger"

ADD COMMENT
  1. Can you please add your own blockquote style .. ??

    ReplyDelete
  2. In my opinion, CSS is easier to add through the template designer, there is a separate item for this. And it's easier to choose "Hide" in the "Who can leave comments?" Option in the "Messages and Comments" settings. Well, for very maniacs, you can also limit access, for example, make "Only for blog members" :-)
    Example, if you doing homework for unviersity you can cut off all comments.

    ReplyDelete
  3. This comment has been removed by the author.

    ReplyDelete
  4. This comment has been removed by the author.

    ReplyDelete
  5. This comment has been removed by the author.

    ReplyDelete
  6. Thanks For This If You Any one need Premium Blogger Template
    Thanks For This If You Any one need Premium Blogger Template
    Thanks For This If You Any one need Premium Blogger Template

    ReplyDelete

  7. Is it getting hard for you to meet the constant deadline of work and assignments are piling up and you don't know how it will be able for you to complete your assignment and case study? Don't worry get help from assignment achievers providing top case study writing service with every know-how regarding what it requires when it comes to writing the most insightful case studies.
    Finance Assignment Help
    Statistics Assignment Help
    economics assignment help
    Assignment Help Experts
    Java Assignment Help
    Python Assignment Help
    MATLAB assignment help
    Programmer help
    Help with programming

    ReplyDelete