How To Show Post Title Only On Homepage In Blogger

Duplicate content is a big issue for bloggers. It decreases our rankings in SERPs. One of the best ways to get rid of duplicate content is to show post title only on home page. It's biggest advantage is that it will not duplicate your post in SERPs.

In WordPress, there are many plugins to do this task. But in bloggers, there is no such plugin. But now in blogger, we can do this.

Recommended: Display Blogger Posts In Grid View Thumbnails

This is a very easy hack and anybody can apply this hack to his/her blog. And a good thing about this is that we can apply it in any blogger template. It will show only posts titles on your blog homepage when you will click on the titles it will directly take you to the post.

How To Show Post Title Only On Homepage

Step 1: Simply, from your Blogger Dashboard go to Template.

Step 2: And the Edit HTML.

Step 3: And now search for the </head> tag. ( Use Ctrl+F for searching)

Step 4: Just above </head> tag paste the code given below:

<style type='text/css'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
.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>

Step 5: And now click on save template.

Last Words

I hope you have understood it. Comment your views and feedback about this post through comment box.