How To Website Blog Post Thumbnail Image Disable Without Cropping or Resize Preview Image With Original Size | Hindisci.com

BY Hindisci.com

If Your Website Blog Post Thumbnail Image Not Full Size Preview Don't Wary Following Some Step, Your Blog Post Image Without Disable Cropping or resize preview image, Any Post Thumbnail Image with Full Original Size.

1) Open Blogger Website

2) Go To Theme And Open Edit Html

3) Your Laptop PC Key Type Ctrl + F ( Open Search Box )

4) Search Now ( Bp_Thumbnail_Resize ) Or ( Thumbnail Resize )

5) Find Code Past In This Code

Example Code:

< div class = 'post-thumbnail' >
< b:if cond = 'data:post.thumbnailUrl' >
< b:if cond = 'data:post.thumbnailUrl' >
< a expr:href = 'data:post.url' >
< img expr:src = 'resizeImage(data:post.thumbnailUrl, 340)' expr:title = 'data:post.title' class = 'postthumb' width = '370' height = '200' expr:alt = 'data:post.title' />
< /a >
< b:else />
< a expr:href = 'data:post.url' >
< img class = 'postthumb' expr:alt = 'data:post.title' expr:title = 'data:post.title' height = '100' src = 'https://1.bp.blogspot.com/-KPszJjd3eow/Vs0v2crutdI/AAAAAAAAA1Y/T2ulIts0CGc/s1600/candid-opinions-logo.png' width = '150' />
< /a >
< /b:if > 
< b:else />
< b:if cond = 'data:post.firstImageUrl' > < a expr:href = 'data:post.url' > < img expr:alt = 'data:post.title' expr:src = 'data:post.firstImageUrl' expr:title = 'data:post.title' itemprop= 'image' /> < /a >
< b:else />
< /b:if > 
< /b:if > 
< /div >

Add CSS:

< style > 
.post-thumbnail img {float: left; margin: 0 20px 0 0; background: #fff; width: 340px; height: auto;
padding: 0; border: none; box-shadow: none; margin-bottom: 8px;}
< /style >

Tag : APPS, HTML, Others, Website Coding