Show Only Post Title On Home Page In Blogger

Have you tried many methods to Show Only Post Title On Home Page in your blog?

I will say you simple html hack to remove the gadget from your blog. Just follow the simple instructions given below.

Step1: Log in to you Blogger ID

Step2: Go to Dashboard.

Step3: Choose Template.

Step4: Click Edit Html.

Step5: Inside the Code area, press Ctrl+F to open Blogger Search Box.

Step6: Type </head>  inside search box and press enter.

Step 7: Just above </head> add this code:

<style type='text/css'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

.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 8: Click Save Template to save the changes you have made.

Thats it you have done :)