How To Show Post Title Only on HomePage in Blogger

Posted by Lasantha Bandara on December 27th, 2009 File Under : change template, css, post20 Comments

Do you like to show only your blogger post title on your home page?Then follow the steps below:

Note : This tutorial was updated. Now it will work without giving XML error messages.

1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Scroll down to where you see </head> tag .

3.Copy below code and paste it just before the </head> tag .

Post Title Only on Blogger Homepage

<style type='text/css'>

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>

.post {
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:1.0em;
height:50px;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:20px;
font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif;
font-weight:normal;
line-height:1.4em;
color:#cc6600;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#cc6600;
font-weight:normal;
}

.post h3 strong, .post h3 a:hover {color:#333333;}

.post-body {display:none;}
.post-footer {display:none;}
.comment-link {display:none;}
.post img {display:none;}
.post blockquote {display:none;}
.post blockquote p {display:none;}
h2.date-header {display:none;}
.post-labels {display:none;}
.post-rating {display:none;}

</b:if>
</b:if>

</style>

4.Now Save your template.

5.Go to Layout-->Page Elements.Click on "Edit" link of Blog Posts Section.

6.Enter the value for "Number of posts on main page:" as your choice and click on save.

Number of posts on main page

You are done.

File Under : change template, css, post

20 Responses to “How To Show Post Title Only on HomePage in Blogger”

  1. BanglaHindi says:

    i want to show full post for only one and show only title for all how can i do this

  2. BanglaHindi says:

    this tricks not working

  3. Anonymous says:

    Not Working, it's saying:Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly.
    XML error message: The element type "style" must be terminated by the matching end-tag "".

  4. Dobi says:

    plz visit my site and tell me the why my blog show only 5 post in first page but i change post number from settings .http://banglahotmodel.blogspot.com/

  5. Blogger Tips And Tricks|Latest Tips For Bloggers says:

    @Dobi

    Read this:

    http://buzz.blogger.com/2010/02/auto-pagination-on-blogger.html

  6. Tellyshow says:

    This tricks is not workings..
    it show me this message ...
    Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: The element type "style" must be terminated by the matching end-tag "".

    i wanted to post like u Mr.Dobi @ woner of this site.by using only titel & teg

  7. Vinod Kumar Sharma says:

    HI Thanks admin

    this trick is amazing..............but i have 1 problem pls tell me how to minimize font of post heading.

    thanks

  8. ഡി.പി.കെ says:

    am not able to save the html after paste the code , because of error due to no matching end tag for &gtstyle.
    my site is http://ap206.blogspot.com

  9. aashuzone says:

    Hey i want to show only title in homepage when we click on that title whole post seen...
    http://esongsonline.co.cc

  10. Ven. Indobhasa says:

    It doesn't work in my blog 🙁

  11. HINDUSTHAN INFO SERVICES says:

    super this is working if it is not working in Edit Html section then go to template designer, click add css, here paste this code.it is working

    Really thanks

  12. Blogger Tips And Tricks|Latest Tips For Bloggers says:

    This article was updated. Now it will work without giving XML error messages.

  13. Xtreamer says:

    can u please tell me how to remove date and author name from it ,,, its work for me... thanks
    see here http://prolearners.blogspot.com/

  14. xtreamer says:

    dear can you tell how to decrease distance between to post's title

  15. phimanh says:

    Thanks, it works great.

  16. alexe says:

    plz how to show labels in main page using this code ? : )

  17. sasaleyte says:

    yesssss.... its nice thanks

  18. Isparela says:

    I have used your code above, it worked but contents on static pages (i.e. about us page , contact page...) are not shown. Anyway Thanks.

  19. Hammad says:

    Its working perfectly. Can you help me please I want to show Post Title on every page and label except Contact Us Page. how I can exclude any specific page from it ??

  20. HP says:

    It works fine. Thank you.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.