How To Show Post Title Only On Home page


This trick will help you to show post title only on your home page.Some blogger like less page height on home page.so you can use this trick and  reduce your home page height size and keep more post on there. hope this help to you. thanks you.
1. Log in to your blogger account and Go to Design >> Edit HTML

2. Find this tag by using Ctrl+F   </head>

3. Paste below code before </head> tag

<style type='text/css'>

<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>

</style>
4. Now click save template.

5. If you want to change post amount on home page,

6. Go to Design >> Page Element  and  find post body and click Edit as below image.

7. Now change Number of posts on main page:   as your like.

8. Now click save. you are done..........

If You Like This. Please! Drop a Comment And Share This...

0 comments:

Post a Comment

 

Copyright 2009-2012. All Rights Reserved by Talkfromnet.blogspot.com...About Author: MHSHOHEL