Blogging Tips

How to Show Only Post Title on Home Page in Blogger Blog/Blogspot – 2017 Updated Method

The issue of having duplicate contents on our blog is getting serious each day, and though wordpress users have discovered a way on battling this, it seems Bloggers with custom designed templates are still yet to grasps how important it is, and how to design a blogspot to show only the post title on it’s homepage.

News Flash; How to Add Two AdSense Ads Code Side by Side In Blogger Blog

The benefits and advantages of showing only your blog post title on your blogger blog homepage is great ands too numerous to count, because it ensures that Google does not duplicate your post on SERP.

This is a simple tutorial and even a newbie can implement this on his/her website.

The good thing is that this works on all kind of templates. Here are the two tips which you can use to optimize your Blogger Blog Post Title For Higher Ranking in Google.

Post Title Only on Blogger Homepage

Example of ONLY Post Titles showing on Blogger Homepage

This is the simplest method on how you can show post title only in the Home page in your blogger blog. This simple implementation ensures that your blogger homepage shows titles only and is not a title and post together, where the title appears on the home page of the blog just by clicking on it takes you, straight to the main post, and to be able to install this code in your blog, follow these simple steps:

Login to your Blogger Dashboard > Template
2. Download a copy of your template
3. Now click on Edit HTML

4. Use Ctrl + F to find </head> and paste the following code above/before it.
<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>
5. Finally, click on Save the template.

We will be happy to see your thoughts

Leave a reply