How To Show Only Post Title In Blog Homepage

HTML and xml have been used in the Blogger Platform post title. Due to the use of xml, blogger blog wordpress is not as fast loading. If you do not use much widgets in the blogger blog, then your blog will also be faster loading. Today we will show you how to show only post title in Blog’s homepage. Are going to tell about it.

You may have seen in many blog’s homepage that there is a title show of post only. This makes blog design very simple, so blog is fast loading. Visitors also understand that blog post is easy. This kind of design would have you seen more in wordpress blog but did you know that you can do the same in your blogspot blog?

In the last few days, the only post title is showing in the blog’s homepage. It has come to me that the design of Blog has become very simple and loading is very fast. That’s why I thought that the blogger blogger should also inform about this trick.

If you are a Blogger user, then you have to design your blog just by customizing your blog for the design of your blog. There are millions of Plugin available in WordPress, with the help of which anyone can easily manage the blog. If you want to design your blog responsive then you can just follow the trick and post it in the homepage of your blog.


How To Show Only Post Title In Blog Homepage


Now you are just following some simple steps. I hope you will be able to follow these steps.

 

Step 1:

Copy the code 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>

Step 2:

Now login to Blogger and go to the Blog Dashboard.

  1. Click into Template.
  2. Click Edit HTML.

Step 3:

Now search </head> by pressing CTRL + F button. Paste the first copied code after searching.

Now save the template.

Thanks For Reading this post dear friend.