How to Show Images only in Blogger’s homepage and hide from post page
posts thumbnail in blogger or how to hide a particular picture/image from your posts
in Blogger and make them visible on your homepage as Thumbnails. Other
platforms such as WordPress enjoys this feature when creating your post. You
have an option to choose a specific image to show as thumbnail on your blog
homepage for that post.
looks professional and nice when you have an image to support the post title
and maybe snippet too or you don’t want to display the whole image in order to
attract readers to read the full content. Now, let’s start the tutorial.
Blogger Dashboard -> Template -> Edit Html
anywhere in Html Editor and press CTRL+F from your keyboard, a Search Box will
be appear in top right corner of HTML
Editor.
below code and paste in Search Box then hit ENTER
given below CSS code and paste it immediately after/below this ]]></b:skin>
<b:if cond=’data:blog.pageType != "index"’><style>.hideimage{display: none;}</style></b:if>
theme to save the Template
(adsbygoogle = window.adsbygoogle || []).push({});
your image (the one you wish to hide) first and then move to the HTML editor.
like the below;
anywhere within the post, depends on where you have the uploaded image in post
(could be in the Beginning, Middle or End)
the code highlighted below in caption with code “hideimage”
for every post you create.