Show Blogger Icon Exclusively Inward Homepage Too Shroud It Inward Postal Service Page

Here's a actually slow describe a fast ane on that volition brand a Blogger paradigm demo solely inwards homepage in addition to enshroud it inwards Blogger posts. In companionship to brand images seem solely on homepage, nosotros postulate to add together a uncomplicated CSS code snippet inwards the template in addition to and therefore role the hidepic cast each fourth dimension nosotros desire to enshroud an image.

Hide Image inwards Blogger Post in addition to Show it Only on Homepage

Step 1. First, log into your Blogger trouble organisation human relationship in addition to click on your blog. Then instruct to "Template" in addition to press the "Edit HTML" button.

Step 2. Click anywhere within the code expanse in addition to press the CTRL + F keys to opened upward the search box:

Step 3. Type or glue the next tag within the search box in addition to hitting Enter to honor it:

]]>

Step 4. Once you lot constitute the tag, glue the next CSS code only BELOW it.

Step 5. Now that nosotros added the CSS code to enshroud (display:none;) the images amongst hidepic class, click the "Save Template" push to salve the code.

How it works?

Each fourth dimension you lot practice a postal service in addition to postulate to enshroud a specific picture, switch to the HTML tab to come across the HTML code of the image, which volition expect something similar this:

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

Note: the html code should move on the exact location where your paradigm has been placed. For instance, if the paradigm is inwards the middle of the content, in addition to therefore the code should move constitute inwards the middle of the text code. This mightiness move a flake tricky at first, but nosotros tin role CTRL + F to search for that specific area.

Also, delight brand certain that you lot are inwards the "Compose" tab when uploading your images, otherwise the paradigm code volition omit the div containing the "separator" class.

Step 6. Replace the separator CSS cast amongst hidepic - come across the screenshot below for to a greater extent than info:

Once you lot replaced it, click the "Publish" or "Update" button.

So this is how nosotros tin easily demo Blogger paradigm solely on homepage in addition to enshroud it inwards postal service pages. Enjoy!