Show Post Title Only on Homepage
How To Show Post Title Only on Homepage for Blogger Site: One of the things I liked discovering when it comes to blog design is making it easy for my visitors to browse and navigate my blogs.
So now I will share a simple but cool hack for bloggers, it is about showing the post title only on the homepage of the blogger blogging platform. This trick is really great if you blog and use fewer images for your blog. I implemented this trick on this blog because I want to focus more on writing and not looking at and creating images that fit with my blog post.
So let's start this hack
Show post title only on homepage
1. Go to your blogger.com account > select a blog > go to layout > edit HTML
2. Use control+F and look for the </head> tag.
3. After looking for the above tag, kindly paste the codes below just above it.
line-height:1.4em;
color:#cc6600;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#000000;
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. Save your template
5. If you like to add more blog posts on your homepage, just go to > layout > blog post section and enter the number value on the "number of posts on the main page" of your choice then save.
Customize
*If you want to change the default font color just change the value of 000000. You can also change the color of the hover effect by replacing 333333. If you have trouble with hex colors check out my blog tools.
You are all done! with this trick, you can show a lot of posts on the main page which will help expose more of your articles.
Do you like it?
Let me know by sharing it with others.
