How To Display Linkwithin Related Posts Only Home Page

My previous Tutorial I show How To Add Related Posts With Thumbnails To Blogger or in this tutorial I show how to display related post only HOME PAGE not post page (This is my next tutorial). There are many reasons peoples want to display related posts on home page as well as post page.

Related Posts Only Home Page











Steps to Display Related Posts only Home Page



Step: 1 Go to Blogger Dashboard > Design > EditHTML

Step: 2 Click on box to "expand widget templates"


Step: 3  Now find the related post gadget in your template. Find any of line below Code (Use CTRL+F)

For Example Find " <b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'> " OR
                             " </b:includable> "

Note:  If below code not find. You must need to add Link-within Widget First. Then again Find


<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>

Step: 4  When you find above code in your blogger template. You add two pieces of code to make display related posts only HOME PAGE


<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>

Step: 5  Copy the RED code and paste in place for your gadget

Step: 6  After add correctly, Save your template and see the Result.

See Also:


comments powered by Disqus