Ibrahim Academy: 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 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.

Step 6: Replace the code highlighted above in caption with code “hideimage”

Thats all, repeat all these steps for every single post.

Labels: Blogger, Learnings

Ibrahim Academy

Saturday, 13 August 2016

How to add a custom posts thumbnail in blogger

0 Comments:

Post a Comment

Contributors

Previous Posts