Tutorials
9:50 PM
Create Blockquote In Blogger Blog
Please follow these simple steps to create a custom blockquote like in above image in your blog:
- Log in to your blogger account and go to dashboard.
- Click TEMPLATE > EDIT HTML > PROCEED
- 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 :