Monday, June 13, 2011

How To Show Post Title Only On Home page

This trick will help you to show post title only on your
home page.Some blogger like less page height on home
 page.so you can use this trick and  reduce your home
page height size and keep more post on there. hope
this help to you. thanks you.

Show Post Title,bloggerPost Title,Post Title










1. Log in to your blogger account and Go to Design >> Edit HTML

2. Find this tag by using Ctrl+F   </head>

3. Paste below code before </head> tag

<style type='text/css'>

<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>

</style>

4. Now click save template.

5. If you want to change post amount on home page,

6. Go to Design >> Page Element  and  find post body and click Edit as below image.

blog post,blogger body, edit body






7. Now change Number of posts on main page:   as your like.

blogger home page, blogger post amount





8. Now click save. you are done..........

5 comments:

  1. thank, really nice post.

    ReplyDelete
  2. Hello.
    How to show only image from the post in blog and when click it shows the normal full page? Like a gallery or portfolio blog.
    Thank you for the help.

    ReplyDelete
  3. Thanks!! I was looking for this for a long time. But as the person above me said... how do you do that i only want to show the Title and the image on the blog and when someone clicks on the picture or the title. Then it shows the full content.

    ReplyDelete
  4. This is what I want from long time ago, I'm really happy to find it here.
    I use auto readmore before, and that stuff is slowing my blog :(

    Thanx for this post

    ReplyDelete