How to add a custom posts thumbnail in blogger
Do you want to know how to add a custom posts thumbnail in blogger or how to hide a specific picture/image from blogger posts and make them visible on your blogger homage as Thumbnails.
Step 1: Go to Blogger Dashboard >>Template >> Edit Html
Step 2: Click anywhere in Html Editor and press CTRL+F from your keyboard then a Search Box will be appear in top right corner of Html Editor.
Step 1: Go to Blogger Dashboard >>Template >> Edit Html
Step 3: Copy this code shown in orange color and paste it in the Search Box then hit ENTER.
]]></b:skin>
Step 4: Copy given below CSS code and paste it immediately below this ]]></b:skin>
<b:if cond='data:blog.pageType != "index"'>
<style>
.hideimage{
display: none;
}
</style>
</b:if>
Step 6: And Save the Template.
Step 7: Step 5: Every time while you will create a new post then add your image/picture first and then turn editor to Html.
Step 8: Then locate the code for that image which will look like this.
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUeuB-yxPwVkX0OnyfZp72BNVweRe8_R77LUF4w1bWvlpNaGdzvJjc64rHmngTNzIVTxflw8z8D1p6dkimMt6_Nsjl1ACd3TRzWUR31ACV_N2X0QinDjMfEgEkEwaVU7zIUG8T45nxoIxr/s1600/Software.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUeuB-yxPwVkX0OnyfZp72BNVweRe8_R77LUF4w1bWvlpNaGdzvJjc64rHmngTNzIVTxflw8z8D1p6dkimMt6_Nsjl1ACd3TRzWUR31ACV_N2X0QinDjMfEgEkEwaVU7zIUG8T45nxoIxr/s1600/Software.png" /></a></div>
Step 6: Replace the code highlighted above in caption with code “hideimage”
<div class="hideimage" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUeuB-yxPwVkX0OnyfZp72BNVweRe8_R77LUF4w1bWvlpNaGdzvJjc64rHmngTNzIVTxflw8z8D1p6dkimMt6_Nsjl1ACd3TRzWUR31ACV_N2X0QinDjMfEgEkEwaVU7zIUG8T45nxoIxr/s1600/Software.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUeuB-yxPwVkX0OnyfZp72BNVweRe8_R77LUF4w1bWvlpNaGdzvJjc64rHmngTNzIVTxflw8z8D1p6dkimMt6_Nsjl1ACd3TRzWUR31ACV_N2X0QinDjMfEgEkEwaVU7zIUG8T45nxoIxr/s1600/Software.png" /></a></div>
Thats all, repeat all these steps for every single post.