Wednesday, August 21, 2013

Show Post Titles Only On HomePage in Blogger

 This Tutorial will enables you to Display Posts Titles in a dwelling sheet along-with Comments Bubble on your Blog Home Page.These Titles are link with the original posts , the time One Click On Any title it brings him/her into the Specific Post.Moreover it makes your Blog Easy to navigate, so your Blog readers can easily navigate any post.Now How To Implement this Hack in Blogger, follow the below easy steps.

 How To Show Post Titles Only On HomePage in Blogger

  • Go To Blogger Dashboard
  • Click On Template
  • Then Click On Edit HTML
  • Search For </head> Tag
  • Now Copy the Below Script and paste it Before </head> tag
<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 Just Hit Save Template
  • Now Go To Layout >>  Page Elements >> Click Edit >> Enter The "Number Of Posts On Main Page".
  • Hit Save and that's it!