Home
»
blogger
»
Customize Blockquote Style In Blogger [Update]
Instructions:
- Log in to Blogger, Go to Template > Edit HTML
- Now find (CTRL+F) this code in the template:
- Search for .post blockquote and delete it along with all its occurrences. In most templates the codes look like this
.post-body blockquote { line-height:1.3em; }
OR
.post blockquote{ bla bla bla}
Style 1:
blockquote {
margin : 0 20px;
padding: 60px 30px 40px 20px;
background : #F1F8FE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpDF9CoT8DZaTOZzuRHEkCNY5n9tmNM_OXLQ7HKSLBmiBszFyMxnk8eF3ssHO2extvjMNbkb8XVp2VkOF-6jdf95x9-u6R-Kdl9NdbPl4Z9wSrGUJzHYzYO8hl6DZ-roRjBfhVF9fBq8c/s400/owl.png) no-repeat 350px 5px;
font: normal .9em "comic sans ms", Courier,"Times New Roman", Times, serif;
color : #000;
border-left: 8px dotted #DAB547;
}
blockquote p {
margin: 0;
padding-top:10px;
}
Style 1:
.post blockquote {
margin : 0 20px;
padding: 10px 20px 25px 20px;
background : #9FCFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0RWm_HSGY78qrxyQLyFnBTjNfQJL1i8dusCn0KVHBUEQZAYDO7wpXNnpqJ_xTn0GFrceCkRiybYddlx0mty72OStFbFCskNX4eryPK5_UXP-NL34_JM8ir08D_Ugy8_Pu_h0GQ5Uo8N0/s400/block22.gif) no-repeat right bottom;
font: bold .9em "comic sans ms", arial, Helvetica,verdana, Georgia;
color : #484848;
border: 5px dashed #fff;
}
.post blockquote p {
margin: 0;
padding-top:10px;
}
Style 1:
.post blockquote {
background: #F3F3F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5khBwE86vHjRAdKh0t-xyA7dRg4FHy3Q6s-0lMNGEX3gdGt7uweUZFZibrKjQGmkY7DDFClvGtjMPkwEduNVP-iKpEbqfAcEzQOdoGews3i7VIHQUPoosaRX-g3GX1vRluaFsJTW9QCo/s1600/comma-side-orange1.gif) ;
background-position:;
background-repeat:repeat-y;
margin: 0 20px;
padding: 20px 20px 10px 45px;
font-size: 0.9em;
font: italic 1.2em Georgia, "Times New Roman", Times, serif;
}
.post blockquote p {
margin: 0;
padding-top: 10px;
}
Style 1:
blockquote {
background: #484B52 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgiY3RxQTMWCJCz51qZE5PXq5h7JK0rU9qj3mQTaJPPlcX3xg_aMdlMqffi6nvSelWn4j8DW6vL86W8LrrXdQdc5b3wwUVkxCn2ZIMM0S7RHhkCSPctuEo-HgXYjhKPbKalnQce6UhRIc/s1600/green-black-side.gif) ;
background-position:;
background-repeat:repeat-y;
margin: 0 20px;
padding: 20px 20px 20px 50px;
color:#C7CACF;
font: normal 0.9em Helvetica, verdana, serif, Georgia, "Times New Roman";
}
.post blockquote p {
margin: 0;
padding-top: 10px;
}
Share Us:
Top
0 comments:
Post a Comment