The Yaj Computers Portal

Post Top Ad

Post Top Ad

Tuesday, July 7, 2015

Create Blockquote In Blogger Blog


We use blockquote to quote important words so readers can see the words more clearly. 

Please follow these simple steps to create a custom blockquote like in above image in your blog:
    1. Log in to your blogger account and go to dashboard.
    2. Click TEMPLATE > EDIT HTML > PROCEED
    3. Use the “Ctrl+F” search function, Find this code : 
      ]]

      Copy paste the below codes right BEFORE the *b:skin* code in your template.

      .post blockquote {
      background: #F3F3F1 url(http://3.bp.blogspot.com/-aSRb-wHXrJ8/UFcTSc26YxI/AAAAAAAABdA/-GNoTTWH1KU/s320/rb style 08.gif) ;
      background-position:;
      background-repeat:repeat-y;
      margin: 0 20px;
      padding: 20px 20px 10px 45px;
      font-size: 0.9em;
      font: bold 1.1em "comic sans ms", arial, Helvetica,verdana, Georgia;
      }
      .post blockquote p {
      margin: 0;
      padding-top: 10px;
      }


      Save your template to use this blockquote in your blog.
      The HTML Codes should look like this in your template's html editor :

      No comments:

      Post a Comment

      You May Like to Read:

      You May Like to Read:

      Follow by Email

      Popular Posts