Show Blogger Image only in Homepage and Hide it in Post Page

Show Blogger Image only in Homepage and Hide it in Post Page - Hallo Frend Helpful Tips, At this time sharing helpful tips entitled Show Blogger Image only in Homepage and Hide it in Post Page, I have been providing tips complete information with the latest information from the beginning until the end of the information . hopefully the contents of the posting helpful tips that I can write you understand. Okay , this is it Helpful Tips.

Titel : Show Blogger Image only in Homepage and Hide it in Post Page
Link : Show Blogger Image only in Homepage and Hide it in Post Page

see also


Show Blogger Image only in Homepage and Hide it in Post Page


To hide images/pictures from blogger posts and make them appear only in homepage, we will add just a small piece of CSS code in our template and then use the class "hidepic" each time we want to hide an image.

Just follow the next steps:

Step 1. Go to Dashboard - Template - Edit HTML


 Step 2. Click anywhere inside the code area and press the CTRL + F keys to open the search box:

 Step 3. Type or paste this code inside the search box then hit Enter to find it:
]]></b:skin>
Step 4. Paste the following code just below it
<b:if cond='data:blog.pageType != &quot;index&quot;'>
<style>
.hidepic{
display: none;
}
</style>
</b:if>
Step 5. Save the Template.

Now, each time you create a post, first add the picture that you want to hide and then switch to the HTML tab where you'll see the HTML code of the image that you added - it will look something like this:
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv6p0jO4fQI3wa5spis0EUC_xU_cfy0NaRA-nLnfY385-hPLynZzCCh_IYogopnIg48z2zuSg7AWod5U8LSjSLb9af8F-i9pfXZxQOETZ1TSpgNJCCze92XoF8r0cMObYdLW3CCfRU2ng/s1600/fire_bird_by_fhrankee-d32af8v.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv6p0jO4fQI3wa5spis0EUC_xU_cfy0NaRA-nLnfY385-hPLynZzCCh_IYogopnIg48z2zuSg7AWod5U8LSjSLb9af8F-i9pfXZxQOETZ1TSpgNJCCze92XoF8r0cMObYdLW3CCfRU2ng/s320/fire_bird_by_fhrankee-d32af8v.png" width="320" /></a></div>

Note: it should be at the exact location where your image has been added 
(if the image is at the middle of the text, then the code should be found at the middle)

Step 6. Replace "separator" with "hidepic" - see the screenshot below:

If you need more help, please leave a comment below.


Thus Article Show Blogger Image only in Homepage and Hide it in Post Page

Helpful Tips Show Blogger Image only in Homepage and Hide it in Post Page,hopefully can provide benefits to all of you . Okay , so this time posting helpful tips.

You are reading artikel Show Blogger Image only in Homepage and Hide it in Post Page and this article url permalinknya is https://tpistpis.blogspot.com/2012/05/show-blogger-image-only-in-homepage-and.html Semoga artikel This can be useful.

0 Response to "Show Blogger Image only in Homepage and Hide it in Post Page"

Post a Comment