Shown Blogger Image on Main Page and Hide from Post Page

Some of you blogger might be wondering how or why anyone hide their images from blog post page and show them on homepage or main page. So the answer is adding more images on your blog post shows in the Thumbnail Gallery Post well some blogger don't need to show main image on their blog post page.

To use this you need to follow the steps:
Blogger's who are using the old interface need to first. Go to blog Dashboard then -Design- Edit HTML the main part is to (download the full template)



But if you are using the new blog interface: Go to Dashboard -  Template - click on Backup/Restore -Download Full Template another step is close it click on the Edit HTML.

Then the main step is to Find </b:skin> add this code below the </b:skin>

<b:if cond="data:blog.pageType != &quot;index&quot;"> <style> .ssmainhide{ display: none; } </style> </b:if>

After placing the code next step:

Go to your blogger post and upload image in your post click on the HTML portion you will find this code:

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjym85DJCV7MzeSOzKCRO2_vgdMmD6UGjqJmY_3dRD516N1VObdiOvNo6ZIEtGWpZ9wjckqtHSjHZzXk_xhyQQ1QlkjOvpPb25sdLOoHLQSHy6-n3ZRCIGoh86PfQzNbXScaOLcVzB7jqAY/s1600/next-web.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjym85DJCV7MzeSOzKCRO2_vgdMmD6UGjqJmY_3dRD516N1VObdiOvNo6ZIEtGWpZ9wjckqtHSjHZzXk_xhyQQ1QlkjOvpPb25sdLOoHLQSHy6-n3ZRCIGoh86PfQzNbXScaOLcVzB7jqAY/s1600/next-web.jpg" height="364" width="640" /></a></div>

Now all you have to do is change the separator with 'ssmainhide' like this.

<div class="ssmainhide" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjym85DJCV7MzeSOzKCRO2_vgdMmD6UGjqJmY_3dRD516N1VObdiOvNo6ZIEtGWpZ9wjckqtHSjHZzXk_xhyQQ1QlkjOvpPb25sdLOoHLQSHy6-n3ZRCIGoh86PfQzNbXScaOLcVzB7jqAY/s1600/next-web.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjym85DJCV7MzeSOzKCRO2_vgdMmD6UGjqJmY_3dRD516N1VObdiOvNo6ZIEtGWpZ9wjckqtHSjHZzXk_xhyQQ1QlkjOvpPb25sdLOoHLQSHy6-n3ZRCIGoh86PfQzNbXScaOLcVzB7jqAY/s1600/next-web.jpg" height="364" width="640" /></a></div>

Now post page and you will see the image appear on the main page and not on post page.