Thursday, July 21, 2011

Show Post Title Only on Landing Page/Front Page in Blogger

Step 1:

Login to Blogger Dashboard--> Layout- -> Edit HTML

Step 2:

Find the head end tag

Step 3: Copy the following code


<style type='text/css'>



<b:if cond='data:blog.pageType != "item"'></b:if>



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


Step 4:

Paste the above code just before the head end tag

Step 5:

Save the Template

Step 6:

Go to Layout-->Page Elements.Click on "Edit" link of Blog Posts Section..Enter the value for "Number of posts on main page:" as your choice and click on save.

Step 7:

Done


Image may be subjected to copyright

0 comments:

Post a Comment