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
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.
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.
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.
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.
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.
0 comments:
Post a Comment