featured image in popular post module

Develop, Build & Integrate CMS Development
1

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 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
ipmsgclip_c_1487308043_0.png315×359 17.3 KB

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

2

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.

3

Hi Stephan,

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

Josh

4

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

Best

EDIT: Did not see Stefen already provided a solution.

5

Hi JanekNahm,

Thanks a lot. The code you provided works well.

Josh

6

Hi again!

Can someone please help me design the above sidebar?

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
ipmsgclip_c_1487308043_0.png315×359 17.3 KB

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