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 :