How to Display Posts Only Titles Only On Home Page

How to display only the title of his post just on the front page or home page. Given this method is very efficient and very save space on the front page of a blog. Usually this is used for the article, the sidebar or the content displayed already congested. But there are also those who just want to look more practical and more ease at the time of loading when the blog is opened.
For example buddy can see in my blog.

OK ... if you are interested, you can follow step - the steps below:
1. Login to blogger with your ID.
2. Click the design.
3. And Click Edit HTML tab.


4. Find the following code or similar to this code:

</ head>

5. Copy the css code below and put it before the </ head>:

<style type = 'text / css'>

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

.post {margin: 0 1.5em .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>

6. Save the template.