All You Need To Know About Earning First $100 from Google Adsense Visit Post

How To Show Picture In Home/Archive Pages But Hide in Post Page in Blogger

Posted By : Satyendra Maurya | Last Update : 7:29 PM | Category :

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 == &quot;item&quot;'>
<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;">

No comments:

Post a Comment

Although every comment is appreciated, Keep in mind that any link or keyword in the comments may be the reason for deletion of your comment. Thanks for understanding!

#Techno Geek Network

#Proudly Hosted on Blogger


DMCA.com Protection Status

©2014-2016 Techno Geek Network | Technology and Science is What You Make It! | Designed by Satyendra