Show Blogger Image only in Homepage and Hide it in Post Page andrey воскресенье, 5 мая 2013 г. No Comment

Want to know how to hide specific images from blogger posts pages and to appear only in homepage? In this tutorial we'll learn how we can do this! So let's start hiding our images from posts pages:

Step 1. 

If you are using the old Blogger interface:

• Go to Dashboard - Design - Edit HTML - Expand Widget Template (make a backup)

If you are using the new Blogger interface:

• Go to Dashboard - Template - Edit HTML - Proceed - Expand Widget Template (make a backup)

Step 2. Find (CTRL + F) this code in your template:

    }]]>

Step 3. Copy and paste the following code just below it

Step 4. Save the Template.

Now everytime you create a post, firstly add the pic you want to hide and then switch to Edit HTML tab where you'll see the HTML code of the image you have added that will look something like this:

separator" style="clear: both; text-align: center;">

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 located also at the middle)

All you have to do is to replace "separator" with "hidepic" as you can see in this screenshot below:

That's it!

Want to know how to hide specific images from blogger posts pages and to appear only in homepage? In this tutorial we'll learn how we can do this! So let's start hiding our images from posts pages:

Step 1. 

If you are using the old Blogger interface:

• Go to Dashboard - Design - Edit HTML - Expand Widget Template (make a backup)

If you are using the new Blogger interface:

• Go to Dashboard - Template - Edit HTML - Proceed - Expand Widget Template (make a backup)

Step 2. Find (CTRL + F) this code in your template:

    }]]>

Step 3. Copy and paste the following code just below it

Step 4. Save the Template.

Now everytime you create a post, firstly add the pic you want to hide and then switch to Edit HTML tab where you'll see the HTML code of the image you have added that will look something like this:

separator" style="clear: both; text-align: center;">

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 located also at the middle)

All you have to do is to replace "separator" with "hidepic" as you can see in this screenshot below:

That's it!

Tweet

by Jillur Rahman

Jillur Rahman is a Web designers. He enjoys to make blogger templates. He always try to make modern and 3D looking Templates. You can by his templates from Themeforest.

Follow him @ Twitter | Facebook | Google Plus

Tags: Без рубрики