Display post title only on blogger

Posted On / Leave a Comment

If you have a lot of posts in your blog then maybe its time to reorganize them by using display post title on blogger labels or on homepage. This trick will only show title post of your blog and will save time for visitors browsing your articles.

Instruction for this trick is easy, just follow the instructions below and make sure you backed up your template before proceeding.

Display post title only on blogger label

1. Log in to your blogger account > go to layout > edit HTML > click expand widget

2. Search this code using CTRL+F <b:include data='post' name='post'/> and replace it with the following codes below

<!-- Display post title only Start-->
<b:if cond='data:blog.homepageUrl
!= data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<!-- Display post title only End http://fromhobby2money.blogspot.com -->

3. Preview your template to check if there is no error then click SAVE.

Display post title only on blogger home page

If you want this trick to appear on your home page just follow the instructions below. I found this to be useful if you are planning to put more than 10 posts on your home page so that visitors can easily see the whole view of your current posts.

1. Go to your blog layout > edit HTML >click on expand widget

2. Find this code using CTRL+F <p><data:post.body/></p> and replace it with the codes below.

<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
</b:if

If you want to use this trick on your blog archives only just follow the steps above, but instead use this code to replace it.

<b:if cond='data:blog.pageType == "index"'>
<p><data:post.body/></p>
</b:if>


Note-If you are using read more hack in your blogger you will get above red line twice. So replace only the line that appears first in your blog html code and leave second one as it is.

There you go! if you have questions kindly leave a comment below of this post.




Receive News From The Blog In Your E-mail

Sign up and receive directly in your email. Its free!! Enter your email address and then confirm to begin receiving exclusive news from Blog!


0 comments:

Post a Comment

Please read first before commenting:

1.) No spamming please

2.) Do not flood the comment box with links.

3.) To get free updates, kindly subscribe.

4.) Have fun visiting my blog.

x
Subscribe
emailSubscribe to our mailing list to get the updates to your email inbox...
Delivered by FeedBurner | powered by blogtipsntricks