The Yaj Computers Portal

Post Top Ad

Post Top Ad

Showing posts with label Create Blockquote In Blogger Blog. Show all posts
Showing posts with label Create Blockquote In Blogger Blog. Show all posts

Tuesday, July 7, 2015

9:50 PM

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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDbtcws59g28RquPD0Vk_-eAiGRTAkfbD2eDbROD0VAszspAX6ZAZUe7fANZwWLvtstsbwJv6iBPiyUIfbejkZ476o65UmBCmMuecZ7MmpDvuNpoQkFh_msho-C0bKwCOZHMuf4piQbehK/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 :

      You May Like to Read:

      You May Like to Read:

      Popular Posts