Its very simple .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.
*Login to your blog.
*Click on blog Dashboard
*Click on Templates
*Then click on edit HTML
*Now Press (CTRL+F)
*Now search for </head> TAG
*Now Copy the code given below.
<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 click on Save Template and enjoy.Please like,share and comments.
Post a Comment