Search Blog








Show Post Title Only At Home Page In Blogger

Today my topic is on blogger design to make your blog light so that feel ease while browsing your blog.It is totally in our hand what we want to display on our blog.lets see how to show post title at home page.After editing template we are able to hide images from main page and blogger will only display title of posts.when we create post, we add images in post to make our post attractive.pictures also help viewers to understand the topic.

how to show post title in home page in blogger

Before i start the process for editing template i want to remind you to get blog template backup.It is very important thing because some time we made mistake while editing template.just follow me in below steps.

1 Go to blogger account

2 go  On Template

3Click On Edit HTML

4 Search For 
</head>

Copy the Below Script and paste it Before </head> 

<style type='text/css'>
<b:if cond='data:blog.pageType != "static_page"'>
<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>
</b:if>
</style>


Now you can save your template


Go to layout to change number of posts on main page.

This is very nice trick to decrease loading time of blog.It also work on label page or archive page and show only title.I hope it is working properly for your blog.if you have any problem regarding, tell me your problem in comment.

No comments:

Post a Comment

IconIconIconFollow Me on Pinterest
Blog Widget by LinkWithin