Sometimes there is a need when we want to give picture to posts to appear in home or in any index page but don't want them to appear in post page. For example you are having a blog where you usually share videos embedded on page then if you will post it and if it appear on home or any such pages then there might be no image on that index page but using this simple tutorial you can show that pic in home or in any index page but can hide it in post page.
What are the Steps to be followed:
Here are the three steps which you have to follow to hide pic in post pages while showing them at home/archives/index pages.
1. Search for the below tag using ctrl+f
]]></b:skin>
2. Add this code below the above code you searched for
<b:if cond='data:blog.pageType == "item"'>
<style>
.hidepic{
display: none;
}
</style>
</b:if>
3. Final Step to hide pic in Post Pages
You have to go to html tab while composing the post and there you have to change separator to hidepic. Like in the above picture. Below is text example:
<div class="separator" style="clear: both; text-align: center;">
to
<div class="hidepic" style="clear: both; text-align: center;">