Connect with us

How To Show Featured Post Only On Home Page Of Blogger Blog

How To Show Featured Post Only On Home Page On Blogger


How To Show Featured Post Only On Home Page Of Blogger Blog

Do you want to show Featured Post only on the homepage of your Blogger blog? You’re in the right place.

Featured Post is used to show the Latest Post or a Specific Post of your choice with large Thumbnail & Title, to make the post prominent from rest of the posts.

In this tutorial you will learn step-by-step on how to show Featured Post only on the homepage of your Blogger blog.

  • Click Theme from the Sidebar.
  • Click the Downward icon located beside CUSTOMIZE button.
Show Featured Post Only On Home Page Of Blogger Blog | Go to Theme
  • Click the Edit HTML link.
Show Featured Post Only On Home Page Of Blogger | Click Edit HTML
  • Click the Jump to widget icon.
Show Featured Post Only On Home Page Of Blogger | Click Jump to widget
  • Click the FeaturedPost1 widget.
  • It will let you to the code of Featured Post, as shown in the next step.
Click the FeaturedPost1

The code of the Featured Post starts from the line:

<b:widget cond='data:view.isHomepage' id='FeaturedPost1' locked='true' title='' type='FeaturedPost' version='2' visible='true'>
  • Go to the line <b:includable id=‘main’ var=‘this’>.
  • Copy the If Condition and Paste below the above line.
<b:if cond='data:blog.url == data:blog.homepageUrl'>
  • Close the If Condition by putting  </b:if> below the </div> before </b:includable>.
Insert Condition to show featured post only on the homepage
  • Click the Save icon to update the changes, located at top-right corner.
  • Go back to your blog and refresh. Open your pages to check whether Featured Post is visible or not.
Save your Blogger template

That’s it. You’re done. If you like this post then don’t forget to share with people. Share your feedback in the comments section below.

  • Read our all tutorials on Blogger Here.
Download Blogger Templates

Recommended Posts



  1. Om gadage

    April 24, 2020 at 11:40 am


  2. Ramesh

    May 20, 2020 at 12:43 pm

    Nice Tutorial, Any Idea to get diffrent design. Pls wriite a post on that topic,

  3. Meer's World

    May 20, 2020 at 2:25 pm

    Thanks Ramesh. What do you mean by different design? Featured Post Design?

  4. Shaunak

    June 4, 2020 at 12:09 pm

    *Hi. the featured post got removed even from the homepage after using the code*

  5. Meer's World

    June 4, 2020 at 12:54 pm

    You must have done some mistake Shaunak. Please check your code again.

  6. Sharon Waugh

    June 17, 2020 at 1:29 pm

    I have triple checked it and it looks exactly as yours in the example but I am getting this error message:
    The widget settings in widget with id AdSense1 is not valid. An internal error occurred. Please try again.

  7. Sharon Waugh

    June 17, 2020 at 2:49 pm

    I'm not sure if it's relevant but I am using the 'Essential' theme.

  8. Meer's World

    June 17, 2020 at 3:22 pm

    Here is the solution Sharon: The Widget Settings In Widget With Id AdSense Is Not Valid. An internal error occurred. Please try again( … This error comes because of AdSense widgets in your theme. Remove all the AdSense widgets from your Blogger Layout, you will get rid of this error. Go to your theme add the condition on Featured Post. Once you are done with editing you theme, Save the theme. Now add your AdSense widgets from Layout. I have explained thoroughly in the article.

  9. Sharon Waugh

    July 1, 2020 at 1:48 pm

    Thanks for your reply, but the Adsense widgets in my theme (Essential) don't seem to be optional. They are already not visible on my blog but I can't find a way to delete them from the layout. Am I missing something?

  10. Meer's World

    July 1, 2020 at 4:51 pm

    You're welcome Sharon. Ok I got your problem. Your AdSense widgets are by default locked. Go to your theme and unlock your AdSense widgets. Go back to your Layout, open the AdSense widgets, you will see a Remove Option . Click Remove.

    Follow this tutorial: **** **** . Hope your problem will be solved. If you need further help do tell us.

  11. Sharon Waugh

    July 6, 2020 at 8:25 pm

    That worked. Thanks so much.

  12. Meer's World

    July 6, 2020 at 8:44 pm

    You're most welcome.

  13. -

    July 27, 2020 at 2:57 pm

    Thanks a lot.

  14. Meer's World

    July 27, 2020 at 3:43 pm

    You're most welcome.

  15. Sandeep

    August 9, 2020 at 9:14 am

    thanks for sharing this wonderful post. Recently i started my new blogging website on blogger. its really helped me. thank you

  16. Meer's World

    August 9, 2020 at 1:41 pm

    You're most welcome Sandeep.

  17. Liz⎪Bunico Director

    August 18, 2020 at 8:18 am

    Hi! This no longer works because blogger updated its HTML code. Is there possibly another way to solve this problem? I can't find anything other than this

    Thank you so much 🙂

  18. Meer's World

    August 18, 2020 at 1:51 pm

    No, it is compatible with the new version as well. When any software is updated developers make sure that new version must be compatible with older versions. You must be making some mistake. You can find more about conditional tags Here:

  19. VedantA

    September 6, 2020 at 6:29 am

    hey,thanks,it helped me a lot. But I have a small problem. After I made the changes as you suggested,the featured blog widget only appears on the home page,but on other pages,you can still see the black rectangular box where the features post widget once was. Please help.
    My Blogspot:

  20. Meer's World

    September 6, 2020 at 3:04 pm

    It is because of the CSS which is still applying style via " #page_body .FeaturedPost, .Blog .blog-posts .post-outer-container"

    To Remove this styling and hide that box . Add this CSS code on your CSS File.

    display: none !important;

  21. VedantA

    September 7, 2020 at 4:04 am

    hey,thanks for the reply. But seems like this code is completely removing the Featured post widget. Do I have to add the code to the Add CSS option in Theme Designer or do I have to manually add it in the HTML code

  22. Meer's World

    September 7, 2020 at 12:35 pm

    Welcome. Yes, add this code to your "Add CSS" option.


    October 27, 2020 at 9:12 am

    This for this helpful post. How can i increase speed of my blog? Please help

  24. Meer's World

    October 27, 2020 at 12:02 pm

    Come On! Your blog is extremely fast. Why do you think your blog is slow?

  25. Chris

    February 20, 2021 at 2:44 pm

    thanks alot. it 100% worked

  26. Meer's World

    February 20, 2021 at 2:58 pm

    You're most welcome Chris.

  27. Anonymous

    March 31, 2021 at 5:12 am

    Lets go! Thank You so much!

  28. Meer's World

    March 31, 2021 at 12:38 pm

    You're most welcome.

  29. Nat

    August 13, 2021 at 7:28 pm

    Hi! Thanks but it didn’t work, could you tell me what I should do? Message is:
    org.xml.sax.SAXParseException; lineNumber: 3575; columnNumber: 36; Open quote is expected for attribute “cond” associated with an element type “b:if”.

  30. Nat

    August 13, 2021 at 7:38 pm

    I just did this and it worked:

  31. Meer's World

    August 13, 2021 at 7:53 pm

    OK!Good Luck.

Leave a Reply

Your email address will not be published.

More in Blogger

Free Guide to start a blog and make passive income
Download Cheap Website Themes
Get Namecheap Shared Hosting With Free Domain
To Top