How to Show Blogger Images only in Homepage and Hide from Post Page

Blogger image shows only in homepage and hides it in blogger posts. We need to add a simple CSS code snippet in the template and then use the hidepic class each time we want to hide an image.

How to Show Blogger Images only in Homepage and Hide from Post Page

  • Login to your Blogger Dashboard.
  • Go to Template.
  • Click Edit HTML.
  • Press CTRL+F Keys to open the Blogger Search box.
  • Type or paste the code below inside the search box to find it.
    ]]></b:skin>
  • Copy given below CSS code and paste it below the above code.
    <b:if cond=’data:blog.pageType != &quot;index&quot;’>
    <style>.hidepic{display: none;}</style>
    </b:if>
  • Click Save Template button.
  • Every time while you will create a new post then add your image.
  • Turn editor to Html.
    <div class=”separator” style=”clear: both; text-align: center;”>
  • Repalce the separator CSS class with hidepic.

Also read: How to Share an Internet Connection in Mac OS X

How to Check How Many SIM Cards Registered on Iqama

One Comment