# Carousel Slide Show Blog Post

**URL:** <https://community.hubspot.com/t/carousel-slide-show-blog-post/1769>\
**Category:** Blog, Website & Page Publishing\
**Created:** [April 26, 2017, 6:54pm UTC](https://community.hubspot.com/t/carousel-slide-show-blog-post/1769 "2017-04-26T18:54:00Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![system](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/system/32/124_2.png) [@system](https://community.hubspot.com/u/system)\
**Post date:** [April 26, 2017, 6:54pm UTC](https://community.hubspot.com/t/carousel-slide-show-blog-post/1769/1 "2017-04-26T18:54:00Z")

</div>

Has anybody been able to figure out how to create a blog post that features a slide show/carousel of images?

Have you used a third party to create it and then place inside a hubspot blog post?

Any help/advice/tips/tricks would be great!

Examples:

- [https://www.realsimple.com/holidays-entertaining/entertaining/bbq-supplies/rustico-prosecco](https://www.realsimple.com/holidays-entertaining/entertaining/bbq-supplies/rustico-prosecco)
- [http://flavorwire.com/302379/15-backyard-bbq-essentials/2](http://flavorwire.com/302379/15-backyard-bbq-essentials/2)

Thanks in advance for your help!

-Sara Powers

---

<div class="post-metadata">

**Author:** ![DaniellePeters](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/daniellepeters/32/6115_2.png) [@DaniellePeters](https://community.hubspot.com/u/DaniellePeters)\
**Post date:** [May 1, 2017, 2:42pm UTC](https://community.hubspot.com/t/carousel-slide-show-blog-post/1769/2 "2017-05-01T14:42:00Z")

</div>

The easiest way to do it would be to add a Gallery module using HubL. In the blog content, you’d add something like this:

`{% gallery "gallery" %}`

You’d need to save and refresh to see the change, but that would insert a gallery module within the blog content and you could edit it like any other gallery module.

> **[Accounts Dashboard | HubSpot](https://app.hubspot.com/myaccounts?next=developerdocs&redirect=%2Fcms%2Freference%2Fhubl%2Fhubl-supported-modules)**

---

<div class="post-metadata">

**Author:** ![SandyS](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/sandys/32/105561_2.png) [@SandyS](https://community.hubspot.com/u/SandyS)\
**Post date:** [May 22, 2019, 1:59am UTC](https://community.hubspot.com/t/carousel-slide-show-blog-post/1769/3 "2019-05-22T01:59:08Z")

</div>

It works! Thank you for your help.

---

<div class="post-metadata">

**Author:** ![SandyS](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/sandys/32/105561_2.png) [@SandyS](https://community.hubspot.com/u/SandyS)\
**Post date:** [May 22, 2019, 12:40pm UTC](https://community.hubspot.com/t/carousel-slide-show-blog-post/1769/4 "2019-05-22T12:40:46Z")

</div>

To make the module smaller, what do I need to add after the {% gallery “gallery” %}?

---

<div class="post-metadata">

**Author:** ![Jamila-lawal](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jamila-lawal/32/102945_2.png) [@Jamila-lawal](https://community.hubspot.com/u/Jamila-lawal)\
**Post date:** [August 12, 2019, 3:50pm UTC](https://community.hubspot.com/t/carousel-slide-show-blog-post/1769/5 "2019-08-12T15:50:02Z")

</div>

Hi Danielle,

Do you know if this will affect all of the other blog posts?

We’re trying to do something similar but only want it for one post.

---

<div class="post-metadata">

**Author:** ![SandyS](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/sandys/32/105561_2.png) [@SandyS](https://community.hubspot.com/u/SandyS)\
**Post date:** [September 23, 2019, 11:44am UTC](https://community.hubspot.com/t/carousel-slide-show-blog-post/1769/6 "2019-09-23T11:44:23Z")

</div>

This does not affect other blogs. You need to add a Gallery module.

---

<div class="post-metadata">

**Author:** ![zaahnj](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/zaahnj/32/53612_2.png) [@zaahnj](https://community.hubspot.com/u/zaahnj)\
**Post date:** [September 23, 2019, 6:36am UTC](https://community.hubspot.com/t/carousel-slide-show-blog-post/1769/7 "2019-09-23T06:36:40Z")

</div>

Will that affect all blogs - or can you make that change to an individual blog?

I dont want it to be global.

---

<div class="post-metadata">

**Author:** ![SandyS](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/sandys/32/105561_2.png) [@SandyS](https://community.hubspot.com/u/SandyS)\
**Post date:** [September 23, 2019, 11:46am UTC](https://community.hubspot.com/t/carousel-slide-show-blog-post/1769/8 "2019-09-23T11:46:06Z")

</div>

This only affects this blog. You need to add a Gallery module to the blog post.

---

<div class="post-metadata">

**Author:** ![gnixonICC](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/gnixonicc/32/25270_2.png) [@gnixonICC](https://community.hubspot.com/u/gnixonICC)\
**Post date:** [March 18, 2020, 7:13pm UTC](https://community.hubspot.com/t/carousel-slide-show-blog-post/1769/9 "2020-03-18T19:13:35Z")

</div>

How do you add a gallery module to only one blog post? The module shows up on the left but I can’t do anything with it. All it says is “This module does not have any editable options.”

---

<div class="post-metadata">

**Author:** ![CChrones](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/cchrones/32/78108_2.png) [@CChrones](https://community.hubspot.com/u/CChrones)\
**Post date:** [April 15, 2021, 5:19pm UTC](https://community.hubspot.com/t/carousel-slide-show-blog-post/1769/10 "2021-04-15T17:19:30Z")

</div>

Could you use this function in an email blast? Trying to make a carousel or input a variety of photos and have them swipe through or click through in a gallary fashion so it doesn’t vertically take up space in the email.
