Add Block Quote For Blogger

Block quote plays important role if you writing some code in your post or highlighting something. Adding block quote in your blog is not difficult task. If your template has no coding for block quote, it can added manually by following the steps given below and if the codes for block quote exists, you can still customize it for better layout. Now understand that What is Block Quote and how it works. Block Quote is a Tag (You can find out more information in my previous post Here ). Blockquote <blockquote> tag defines a quotation, Most of Popular Browser recognize it and shows Text under blockquote differently as space, background to it. Block quote is used to show long quotation or extract different from main text in paragraph. It starts <blockquote>  and closing tag is </blockquote>. The desired Text is written between opening tag and closing tag. if I want to write "Desired Text" under Block Quote, the codes are 

<blockquote> Desired Text </blockquote>

Now look an example of my another blog's Link that I have added under blockquote.

Please Visit My Hidi Blog also  अरविन्द जांगिड      कहानीघर,     आवाज                          "आपके आगमन हेतु आभार"

The above Links are under Block Quote tag. 

Adding Block Quote in Template  If your template has no codes for block quote, You can easily add in to your template. Follow the instructions.
1. Log in to Blogger Dashboard >>Design>>Edit HTML
    Now Search out (Cntr+F, for browser search)  
2.  Copy the codes given below and paste just before the ]]></b:skin>in your blogger
      template and save it. 
blockquote {
background: #cccccc;
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
width: 450px;
height: auto;
border: 2px dotted #FFCC66;
text-align: left;
color: #6e6e6e;
Now use block quote by clicking blockquote sign in post tool bar, see in image

or add the codes given below in HTML area of post start from <blockquote> and end with </blockquote>

Desired Text that you want to add.

You have added block quote to your template and ready for use. Now, Learn how to customize it. 
1. Replace #cccccc; with suitable background color Hex value (See Color Picker)
2. If you want to add background image, replace background: #cccccc; with given codes

background: #dfdfdf url(Your Desired image URL goes Here) top left no-repeat; 

3. You can change margin, padding and font according to your layout. Finally,  If you have any
     question, Please leave your comment or e-mail me in your suggestion. 


Baca juga


  1. Good article but one thing is missing you have not shared how to add image in block quote. Hope so will get update soon.
    website design

  2. Good article but one thing is missing you have not shared how to add image in block quote. Hope so will get update soon.
    GCLUB Casino
    GClub online


  3. My name is Leah Brown, I'm a happy woman today? I told myself that any loan lender that could change my life and that of my family after having been scammed separately by these online loan lenders, I will refer to anyone who is looking for loan for them. It gave me and my family happiness, although at first I had a hard time trusting him because of my experiences with past loan lenders, I needed a loan of $300,000.00 to start my life everywhere as single mother with 2 children, I met this honest and God fearing online loan lender Gain Credit Loan who helped me with a $300,000.00 loan, working with a loan company Good reputation. If you are in need of a loan and you are 100% sure of paying the loan please contact (gaincreditloan1@gmail.com) You can also whatsApp them at: at +44-75967-81743 (WhatsApp Only) .. and inform them Leah Brown addressed to you ..

  4. Reasonable people's, you are living in 21st century and nobody has time in 21st century. Moreover, nobody has time now. Therefore, you should bolster online process as stand out from going to bank. It is grabbing reputation well ordered in business focus. Particularly, the banks who have more prominent Loans and lower financing costs.

  5. This comment has been removed by the author.

  6. This comment has been removed by the author.

  7. Great Post. Thanks For Shering Good Information with us. keep it Up On Hindi Websites

  8. Online logistics management writing services are very difficult to complete and many students are always searching for Logistics Writing Services Online to help them complete their logistics courseworkwriting services and logistic research paper services.


Post a Comment

Your Suggestions are valuable for me.