Show Only Titles on Blog Home Page

Some peoples like to show only the titles/topics on home page of their blogs. Then they can show more posts on the home page. In this post I am going to show you how to show only the titles on home page without displaying the post summary on the home page of your blog.

Let me explain how to show only the titles/topics on home page;

1.       First sign up with your blogger account

2.    Then go to DASHBOARD >> DESIGN >> EDIT HTML (If you are using new blogger platform just click on the TEMPLATE tab)

3.       Now press CTRL + F on your keyboard and search for the following code

</head>

4.       Copy the code below and paste it just above the code you searched in step 3.

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

5.       Now SAVE TEMPLATE

6.       View your blog to see what you have done to your home page

Have you got the result? Now you will see only the titles of your posts are displayed on your blogger blog home page.

If this is helpful to you please share this with your friends and other social networks.