Blogger Tutorial: How to Limit Featured Post to Homepage Only

Stuck with Blogger’s featured post on all pages? Follow our step-by-step guide to resolve this issue and optimize your blog’s layout.
Blogger Tutorial: How to Limit Featured Post to Homepage Only

If you are using the Contempo or Notable or any other default blogger theme for your Blogger blog, you might have noticed that sometimes the featured post widget shows up on all pages, not just the home page.

Blogger Tutorial: How to Limit Featured Post to Homepage Only

This can be annoying if you want to highlight a specific post only on the main page of your blog, not on top of every single post and page of your blog. Fortunately, there is a simple solution to fix this issue.

Why Does the Featured Post Appear on All Pages?

The problem arises generally after you make some changes in the Theme HTML. It is caused by a missing conditional tag in the HTML code of the theme.

The conditional tag tells Blogger when to display the featured post widget and when to hide it. By default, the Blogger themes do not have this tag, so the widget is always visible.

How to Restrict the Featured Post to the Homepage

To solve this problem, you simply need to add the conditional tag in your featured post's widget code.

To add the conditional tag, you need to edit the HTML code of your theme. Here are the steps to do that:

  1. Go to your Blogger dashboard and click on Theme.

  2. Click on the dropdown icon beside the customize button and select Edit HTML.

  3. Click on the jump to widget button on the top right corner and select FeaturedPost1 as shown in the below image.

    How to Find Featured Post Widget in Blogger Theme HTML View

    You can also press Ctrl+F to open the search box and type in id='FeaturedPost1'.

  4. You will see a line of code that looks like this:

    <b:widget id='FeaturedPost1' locked='true' title='' type='FeaturedPost' visible='true'>
  5. Add the conditional code cond='data:view.isHomepage' in the widget. After adding it will look like this:

    <b:widget id='FeaturedPost1' cond='data:view.isHomepage' locked='true' title='' type='FeaturedPost' visible='true'>
    How to add conditional tag in Blogger Featured Post Widget
  6. Click on Save theme and view your blog.

You should now see that the featured post widget only appears on the home page of your blog, and not on any other pages. You can customize the widget settings as usual from the Layout section of your dashboard.

I hope this tutorial was helpful for you. If you have any questions or feedback, please leave a comment below. Thanks for reading!

I like to read and learn new things on different topics, and then share them in my Blog.

Post a Comment

© Innate Blogger. All rights reserved. Developed by Samik Pal