# featured image in popular post module

**URL:** <https://community.hubspot.com/t/featured-image-in-popular-post-module/1081>\
**Category:** CMS Development\
**Created:** [February 23, 2017, 6:45am UTC](https://community.hubspot.com/t/featured-image-in-popular-post-module/1081 "2017-02-23T06:45:30Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![JoshCber](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/joshcber/32/44503_2.png) [@JoshCber](https://community.hubspot.com/u/JoshCber)\
**Post date:** [February 23, 2017, 6:45am UTC](https://community.hubspot.com/t/featured-image-in-popular-post-module/1081/1 "2017-02-23T06:45:30Z")

</div>

Hi,

I need a featured image in the sidebar of a blog page like this: [http://blog.chillibreeze.com/presentation-design/visualization-ideas-using-powerpoint-design-elements](http://blog.chillibreeze.com/presentation-design/visualization-ideas-using-powerpoint-design-elements) Have a look at the sidebar and find the POPULAR POSTS section. This has only the list of popular blog post without any image. Is there a way we can add the featured image of each post to this module? If you look at the screenshot below it will look something like that.

 ![ipmsgclip_c_1487308043_0.png](https://d2qpr2jzcazej7.cloudfront.net/original/2X/d/deac29149a14ba3d0adc1eb4434ff0edb0778d73.png)

It is going to have a featured image in the red boxes I have highlighted. How can this be achievable? Can someone guide me on making a custom module for this?

Thanks,

Josh

---

<div class="post-metadata">

**Author:** ![stefen](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/stefen/32/29274_2.png) [@stefen](https://community.hubspot.com/u/stefen)\
**Post date:** [February 23, 2017, 2:13pm UTC](https://community.hubspot.com/t/featured-image-in-popular-post-module/1081/2 "2017-02-23T14:13:30Z")

</div>

If you use the RSS module there is an option to enable the featured image. Then you’d just want to style it with some CSS.

---

<div class="post-metadata">

**Author:** ![JoshCber](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/joshcber/32/44503_2.png) [@JoshCber](https://community.hubspot.com/u/JoshCber)\
**Post date:** [February 25, 2017, 3:24am UTC](https://community.hubspot.com/t/featured-image-in-popular-post-module/1081/3 "2017-02-25T03:24:10Z")

</div>

Hi Stephan,

The RSS module will show the posts in sequential order or based on date and not in popular posts format.

Josh

---

<div class="post-metadata">

**Author:** ![JanekNahm](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/janeknahm/32/55915_2.png) [@JanekNahm](https://community.hubspot.com/u/JanekNahm)\
**Post date:** [February 24, 2017, 11:58am UTC](https://community.hubspot.com/t/featured-image-in-popular-post-module/1081/4 "2017-02-24T11:58:36Z")

</div>

Hi,

Just implement a HubL element with the settings:

`{% post_listing "top_posts" select_blog='//Your blog name//', label='Featured posts', overrideable=False, list_title='Featured posts', listing_type='popular', max_links=5, include_featured_image='true' %}`

Look here for more information: [Accounts Dashboard | HubSpot](http://designers.hubspot.com/docs/hubl/hubl-supported-modules#post-listing)

Best

EDIT: Did not see Stefen already provided a solution.

---

<div class="post-metadata">

**Author:** ![JoshCber](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/joshcber/32/44503_2.png) [@JoshCber](https://community.hubspot.com/u/JoshCber)\
**Post date:** [February 25, 2017, 3:51am UTC](https://community.hubspot.com/t/featured-image-in-popular-post-module/1081/5 "2017-02-25T03:51:50Z")

</div>

Hi [JanekNahm](https://community.hubspot.com/t5/user/viewprofilepage/user-id/2589),

Thanks a lot. The code you provided works well.

Josh

---

<div class="post-metadata">

**Author:** ![JoshCber](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/joshcber/32/44503_2.png) [@JoshCber](https://community.hubspot.com/u/JoshCber)\
**Post date:** [March 9, 2017, 3:54am UTC](https://community.hubspot.com/t/featured-image-in-popular-post-module/1081/6 "2017-03-09T03:54:28Z")

</div>

Hi again!

Can someone please help me design the above sidebar?

[http://blog.chillibreeze.com/presentation-design/visualizing-problem-solving-in-your-powerpoint-presentations](http://blog.chillibreeze.com/presentation-design/visualizing-problem-solving-in-your-powerpoint-presentations)

I want the sidebar images to appear as thumbnails on the right of the title.It should look something like this .

 ![ipmsgclip_c_1487308043_0.png](https://d2qpr2jzcazej7.cloudfront.net/original/2X/d/deac29149a14ba3d0adc1eb4434ff0edb0778d73.png)

Right now the images are too large and I cannot align them on the as in the example here to the left.

I would really be grateful if someone can assist me in this.

Thanks,

Josh