你如何使用Blogger Post Image作为背景图片？

Question

I'm a novice to php, js, java, script, etc but I know HTMl and CSS. I am looking to set a Blogger Post's First Image as a background on a div section; making essentially a small box link on the main page. I have found the following code/script within the default Blog widget:

<img expr:src='data:post.firstImageUrl'/>

This by default will generate the first image as its own element on the page but I want to set it to the background, something like this:

<div style="background-image: expr:src='data:post.firstImageUrl';"></div>

I know the above won't work due to the incorrect syntax but is there something similar that I can use?

Any help is greatly appreciated.

Answer 1

Use this expression : note the space around +

<div expr:style='&quot;background-image: url(\&quot;&quot; + data:post.firstImageUrl + &quot;\&quot;);&quot;'></div>