Tuesday, February 06, 2007

How to get indent for your post paragraph

This question crops up farely frequently in the Google Blogger Help group, so I am writing a post to explain how it is done.

First, backup your template.

If you are using an old classic Blogger template, add the following style script to your template immediately after the <style> tag:

p {
text-indent: 20px
}

If you are using the New (formerly beta) Blogger template, you will have to add the above script below the <b:skin> tag, or better still add it just above the following block of codes:

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Save the template.

Now whenever you want your paragraph to be indented, you have to type your text between the <p> and </p> tags, that is, start the paragraph with a <p> tag and end it with a </p>.

See this post for an example of a post with indented paragraphs: Quick tips on how to draw a realistic face

UPDATE: 11 April 2007: A reader has commented on difficulties in implementing the hack above, and asked for alternative. I have published an alternative way to indent your paragraphs at Another way to indent your paragraphs (click "BACK" button to get back to this page).

9 comments:

  1. Never.
    ¡NEVER! ABOVE "BODY".
    It breaks absolutelty the templete (like it happened to me, grrrrrr)

    ReplyDelete
  2. Hi Junio,

    I tested it on one more blog. See Herbal and Alternative Treatment for Breast Cancer and it worked. Below is what I have done to the template:

    p {
    text-indent: 20px
    }

    body {
    margin:0px 0px 0px 0px;
    font-size: small;
    background-color: $mainBgColor;
    color: $mainTextColor;
    }

    Peter a.k.a. enviroman
    Enviroman Says

    ReplyDelete
  3. Hush!... Then, I don't know about how it happened... why in my blog was a disaster: In fact, I've put it above my /skin, and no more problem. :)

    (Thanks a lot for your answer)

    ReplyDelete
  4. Dear Enviroman,
    I tried but it did not work. Can there be some kind of conflict with blockquotes or something? Do you happen to know another way of doing it? Thanks in advance!

    ReplyDelete
  5. Hi Marcia,

    Sorry to hear it didn't work for you. I don't know what is wrong as it seem to have worked for others.

    Regarding other ways of doing it, I will try to answer, but I don't know how the comment system will take the special characters.

    Try putting non-breaking space tags   in the first few characters of your paragraphs.

    Now to post the comment and see how it turns out.

    Peter
    Dummies Guide to Google Blogger
    "online book" in progress

    ReplyDelete
  6. The character didn't show as I was afraid of, so I have to answer with an update of the post or a new post.

    Peter
    Dummies Guide to Google Blogger
    "online book" in progress

    ReplyDelete
  7. Mr Chen,
    thanks a lot for the new tip I will try next time I post. I forgot to mention that when I used the first method you described what changed for me was the indentation of the "coments and links" under the post. So I guess it has to do with the changes I made previously on the template.
    Regards

    ReplyDelete
  8. Hello, this was perfect thank you so much it did work. THANKS

    ReplyDelete

Find help, info, instructions, tips, tricks

Tip: Use search box below or this box, labels in the first right sidebar, archive, ctrl+F for this page or sitemap to find topics