Thursday, April 19, 2012

Blockquote Auto Number

Here how you can get blockquote with auto number. As always, go to Blogger › Layout › Edit HTML › (don't forget to) backup your template. And then, search for .post blockquote { or .post blockquote { and delete all its occurrences.
It is OK if you couldn't find such code just procedd to the next step. Now search for ]]></b:skin> and just above ]]></b:skin> , paste the code below,

    blockquote {
    background: #fff url( repeat-y;
    margin: 0 20px;
    padding: 0px 20px 5px 55px;
    font: bold 0.9em  "Comic Sans MS", verdana;
    line-height: 153%;
    blockquote p {
    margin: 0;

Off course you can customize it by changing the number list background by replacing the bolded image link in the code above with the image URLs of yours.

No comments:

Post a Comment