Skip to main content

How To Use Blogger Post Featured Image as Background Image

Here's a code to grab the first image of each post and apply it as an element background image in each post.

<b:loop values='data:posts' var='post'>
<div class='card' expr:style='&quot;background-image: url(\&quot;&quot; + data:post.featuredImage + &quot;\&quot;);&quot;'>

You can see the demo on our homepage.

Turn Your Website
into a Lead-Generating Machine

Webcopy, Designs and SEO are King, Queen, and Knight respectively. And how well you use them together creates a user experience that either drives people away or makes them click the "buy" button.


Want to make your offers irresistible? We write conversion-optimized copy for small and medium brands, digital agencies and online stores.

Custom Web Design

Creating a branded website can be the best thing you do for your business. Branding can help you figure out what and how to communicate your company's story.

Skyrocket Your Traffic

For more than 20 years, we've been providing SEO solutions for businesses wanting to expand their online presence, increase leads and grow their revenue.


Contact Us

About us

Archie Webmaker is a digital branding agency with a magical touch on brand identity, brand strategy, and marketing to drive business success.

Call Us

Email Us

Working Hours

Mon - Fri: 9AM to 5PM
Saturday: 9AM to 1PM