Mobile app version of vmapp.org
Login or Join
Gretchen104

: How do I tell blogger which image is the thumbnail to use in data:post.thumbnailUrl? I recently started with blogger. I was tweaking the homepage a bit to display thumbnail and post excerpts

@Gretchen104

Posted in: #Blog #Blogger #Images #Thumbnail

I recently started with blogger. I was tweaking the homepage a bit to display thumbnail and post excerpts with read more link.

A lot of websites say to use this kind of code:

<b:if cond='data:blog.pageType != &quot;index&quot;'>
<b:if cond='data:post.snippet'>
<b:if cond='data:post.thumbnailUrl'>
<div class='Image thumb'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</b:if>
<data:post.snippet/>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>


But can we tell blogger what's in data:post.thumbnailUrl? For some people, blogger will just pick an image magically from their post.

How can I decide which thumbnail will be used?

10.03% popularity Vote Up Vote Down


Login to follow query

More posts by @Gretchen104

3 Comments

Sorted by latest first Latest Oldest Best

 

@Odierno851

In fact, you can, but in a little hack way.

As blogger considers the first image in a post as a thumbnail, and you want to add some other image as a thumbnail which should be not included in a post or something like that....follow these steps.


Add the thumbnail image at the top of the post.
Go in 'HTML'(you're in customise tab right now) and locate the image tag.
Add style attribute to it and add display property to none: <img style="display:none;">
Come back to customise tab and publish the post.
You'll notice that on the home screen, you can see the thumbnail but after opening the post you'll not see it.
That's it!

10% popularity Vote Up Vote Down


 

@Gloria169

Blogger doesn't pick images by magic. Blogger will automatically choose the first image as a thumbnail. So if you need to keep your own image as thumbnail, please make sure that the desired image is kept first while you write the post.

10% popularity Vote Up Vote Down


 

@Angie530

You can't control this, Blogger decides for itself which image to use.

I did some reasearch a while back (documented here), and concluded that it's most probably the first pictures in the post which is both


over a certain size, and
hosted in your own Picasa-web-albums / Google + Photos albums.


From memory, I think that testing showed that the size was 17k. But I'm not 100% sure if that rule is universal - it may depend on the picture dimensions, too, since I cannot see that a very tall or wide thumbnail would be overly useful.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme