How to add content (html) below posts?

[hoangviet (DilysLena)]

how to add content (html) below posts?

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

[NateDhaliwal]

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

[hoangviet (DilysLena)]

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"

Posts are widgets 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 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 => { …

[hoangviet (DilysLena)]

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.

<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>