How To Show Image Only In Main Page In Blogger

[nomi913]

How to Hide Image In Main Page:

Just follow these below step to show image only on main page.

Step 1 : Go to Dashboard - Templates - Edit HTML

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

Step 3: Now search this below keyword in the box and press enter.

]]></b:skin>

Step 4: Paste the follwing 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 tab where you'll see the HTML code of the image that you added - it will look something like this.