How to Show Blogger Featured Post Only on Homepage

Updated:

by

Meer Basit
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.

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

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. On some of the Blogger themes the Featured Post also appears on item page, below the comments section. Sometimes it becomes unnecessary to show Featured Post on the item page and also, it can increase the page load time on slow internet speeds.

Show Blogger Featured Post Only on Homepage

Follow the steps to show Blogger Featured Post only on the homepage.

  • Click Theme from the Sidebar.
  • Click the Downward icon located beside the CUSTOMIZE button.
Click Theme from the Sidebar. Click the Downward icon located beside the CUSTOMIZE button.
  • Click the Edit HTML link.
Click the Edit HTML link.
  • Click the Jump to widget icon.
Click the Jump to widget icon.
  • 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>.
</b:if>
Close the If Condition by putting  </b:if> below the </div> before </b:includable>.
  • 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

Also Read

Meer Basit

Meer Basit

Meer Basit is the founder of Meer’s World. He’s been running the show since launching the blog back in 2018. By background he is a computer scientist. Primarily, he creates content around blogging (WordPress, Blogger, Tumblr), SEO, affiliate programs, earn-online, & eCommerce. In general, he likes traveling, gardening, watching movies, is a passionate cricketer, creative writer, and a GSD lover.

Related Topics: , , ,
Buy Domain and Hosting on Namecheap Now
Rank Math Best SEO WordPress Plugin Download
Download Website Themes
Mangools SEO Tools
Order Motivational T-Shirts With Quotes from Our Store Fire Ram 23.4.

Subscribe to Our Newsletter!

31 responses

  1. Avatar
    Esther

    Hi, Meer.
    Thank you for this blog post.

    I tried it and encountered a problem that says “The widget settings in widget with id AdSense1 is not valid. An internal error occurred. Please try again.”

    How can I fix this? Thanks in advance.

    PS: I turned off all my Adsense widgets.

    Reply
    1. Meer Basit
      Meer Basit

      Please read this tutorial: Solved: The Widget Settings in Widget With Id AdSense is Not Valid | Blogger (https://www.meersworld.net/2020/06/an-internal-error-occurred-please-try-again.html)

      Reply
  2. Avatar
    Ken

    Must be losing my mind but I don’t see how this works in any way. Meer, have you tried the code in your article lately?
    All you did was wrap the ‘snippetedPosts include’ with an ‘if statement’. Am I missing something? How does this display a single post on the home page? I see early where you say “check your code”. Have you checked yours lately? I don’t think this works anymore. Please provide a full example Meer. The template must have changed from underneath your changes.

    Reply
    1. Meer Basit
      Meer Basit

      This solutions is for restricting Featured Image only to Homepage. In order to learn how to set number of posts on homepage, read this tutorial: https://www.meersworld.net/2019/03/how-to-show-zero-posts-on-blogger-main.html.

      Reply
  3. Avatar
    Rod Minns

    Thanks, Meer! The great teacher you are. Easy to follow and apply. Given the different widget code for the Soho theme, I didn’t think it would work. To my surprise, it worked perfectly. Why would the developer want the Featured post showing on every post?

    Reply
    1. Meer Basit
      Meer Basit

      You’re most welcome Rod. Why would the developer want the Featured post showing on every post? The Answer is, Featured posts are mostly you popular or most recent articles, and they can help new readers discover your best content, that’s why it is placed on your homepage or in another prominent location on your blog.

      Reply
  4. Avatar
    Nat

    I just did this and it worked:

    Reply
    1. Meer Basit
      Meer Basit

      OK!Good Luck.

      Reply
  5. Avatar
    Nat

    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”.

    Reply
  6. Avatar
    Chris

    thanks alot. it 100% worked

    Reply
    1. Meer Basit
      Meer Basit

      You’re most welcome Chris.

      Reply
  7. Avatar
    MEDICAL ERA

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

    Reply
    1. Meer Basit
      Meer Basit

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

      Reply
  8. Avatar
    VedantA

    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

    Reply
    1. Meer Basit
      Meer Basit

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

      Reply
  9. Avatar
    VedantA

    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: https://introverseinfinite.blogspot.com

    Reply
    1. Meer Basit
      Meer Basit

      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.

      #FeaturedPost1
      {
      display: none !important;
      }

      Reply
  10. Avatar
    Liz⎪Bunico Director

    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 🙂

    Reply
    1. Meer Basit
      Meer Basit

      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: https://www.meersworld.net/2020/02/how-to-insert-conditional-tags-on-blogger.html

      Reply
  11. Avatar
    Sandeep

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

    Reply
    1. Meer Basit
      Meer Basit

      You’re most welcome Sandeep.

      Reply
  12. Avatar
    Sharon Waugh

    That worked. Thanks so much.

    Reply
  13. Avatar
    Sharon Waugh

    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?

    Reply
    1. Meer Basit
      Meer Basit

      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: **** https://www.meersworld.net/2020/02/how-to-unlock-gadgets-on-blogger.html **** . Hope your problem will be solved. If you need further help do tell us.

      Reply
  14. Avatar
    Sharon Waugh

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

    Reply
    1. Meer Basit
      Meer Basit

      Here is the solution Sharon: The Widget Settings In Widget With Id AdSense Is Not Valid. An internal error occurred. Please try again(https://www.meersworld.net/2020/06/an-internal-error-occurred-please-try-again.html) … 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.

      Reply
  15. Avatar
    Sharon Waugh

    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.

    Reply
  16. Avatar
    Shaunak

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

    Reply
    1. Meer Basit
      Meer Basit

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

      Reply
  17. Avatar
    Ramesh

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

    Reply
    1. Meer Basit
      Meer Basit

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

      Reply

Leave a Reply

Your email address will not be published. Required fields are marked *