# How to add content (html) below posts?

**URL:** https://meta.discourse.org/t/how-to-add-content-html-below-posts/334537
**Category:** Development
**Created:** [November 5, 2024, 4:02am UTC](https://meta.discourse.org/t/how-to-add-content-html-below-posts/334537 "2024-11-05T04:02:18Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![hoangviet](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hoangviet/32/174417_2.png) [@hoangviet](https://meta.discourse.org/u/hoangviet)
#### Post date: [November 5, 2024, 4:02am UTC](https://meta.discourse.org/t/how-to-add-content-html-below-posts/334537/1 "2024-11-05T04:02:18Z")

</div>

how to add content (html) below posts?

In the image, the placement is right below the like bar and link of each post

 ![image](https://global.discourse-cdn.com/meta/original/4X/6/3/1/63168823864ca84db9500681e6d24065f9dcaf12.png)

---

<div class="post-metadata">

### Author: ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [November 5, 2024, 4:17am UTC](https://meta.discourse.org/t/how-to-add-content-html-below-posts/334537/2 "2024-11-05T04:17:30Z")

</div>

Out of curiosity, could you send the link to this topic?

---

<div class="post-metadata">

### Author: ![hoangviet](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hoangviet/32/174417_2.png) [@hoangviet](https://meta.discourse.org/u/hoangviet)
#### Post date: [November 5, 2024, 5:02am UTC](https://meta.discourse.org/t/how-to-add-content-html-below-posts/334537/3 "2024-11-05T05:02:35Z")

</div>

I found a tutorial topic for this here.  
But I’m worried that ad blockers will hide the content (html) below these posts.

> [@How to add customer HTML after "post\_1"](https://meta.discourse.org/t/how-to-add-customer-html-after-post-1/123068/2):
>
> Posts are [widgets](https://meta.discourse.org/t/a-tour-of-how-the-widget-virtual-dom-code-in-discourse-works/40347) which means what you’re trying to do will involve a bit more work that just adding html. Discourse themes have the ability to [decorate widgets](https://meta.discourse.org/t/developer-s-guide-to-discourse-themes/93648#heading--4-c-6) so you can leverage on that. Decorating a widget is explained in the link above so let’s focus on what you’re trying to do - add markup after the first post in every topic. Start by adding the markup to all posts. So something like this \<script type="text/discourse-plugin" version="0.8"\> api.decorateWidget("post:after", helper =\> { …

---

<div class="post-metadata">

### Author: ![hoangviet](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hoangviet/32/174417_2.png) [@hoangviet](https://meta.discourse.org/u/hoangviet)
#### Post date: [November 5, 2024, 5:32am UTC](https://meta.discourse.org/t/how-to-add-content-html-below-posts/334537/4 "2024-11-05T05:32:45Z")

</div>

this is the code i use, but if i want to change the position of the content (html) to the position right below the row : **post author and date**. Can anyone help me customize the position in this code ?

In the image, I am circling the location where I want to place the content using code.

 ![image](https://global.discourse-cdn.com/meta/original/4X/8/e/8/8e8e01298408b3efd16a38dbd7cb0ca8f0a8c183.png)

```plaintext
<script type="text/discourse-plugin" version="0.8">
  const RawHtml = require("discourse/widgets/raw-html").default;
  api.decorateWidget("post:after", helper => {
      return [
        new RawHtml({
          html: `<div id="custom-ad">
<h3>Another simple box</h3>
<p>
  Integer velit ante,
  <a href="https://meta.discourse.org/">DISCOURSE</a>
  amet tristique in, gravida at ligula. Sed gravida mauris id
  neque vestibulum semper. Suspendisse potenti. Nam
  nec maximus ligula. Ut eget semper est. Sed ornare
  sit amet justo eu rutrum. Integer sit amet facilisis ipsum.
</p>
                 </div>`
        })
      ];
  });
</script>

```

---

<div class="post-metadata">

### Author: ![pfaffman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pfaffman/32/120154_2.png) [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [November 5, 2024, 4:05pm UTC](https://meta.discourse.org/t/how-to-add-content-html-below-posts/334537/5 "2024-11-05T16:05:06Z")

</div>

You don’t want to use widgets. See [Widgets, the Widget API and their roadmap?](https://meta.discourse.org/t/widgets-the-widget-api-and-their-roadmap/292624)