# Como adicionar HTML personalizado após "post\_1" (parte 2)

**URL:** <https://meta.discourse.org/t/how-to-add-customer-html-after-post-1-part2/202619>\
**Category:** Support\
**Created:** [Setembro 4, 2021, 3:30pm UTC](https://meta.discourse.org/t/how-to-add-customer-html-after-post-1-part2/202619 "2021-09-04T15:30:09Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![valsha](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/valsha/32/230631_2.png) [@valsha](https://meta.discourse.org/u/valsha)\
**Post date:** [Setembro 4, 2021, 3:30pm UTC](https://meta.discourse.org/t/how-to-add-customer-html-after-post-1-part2/202619/1 "2021-09-04T15:30:09Z")

</div>

De acordo com este post [How to add customer HTML after "post\_1"](https://meta.discourse.org/t/how-to-add-customer-html-after-post-1/123068)

e este exemplo:

```plaintext
<script type="text/discourse-plugin" version="0.8">
api.decorateWidget("post:after", helper => {
  const firstPost = helper.attrs.firstPost;
  const h = helper.h;
  if (firstPost) {
    return h("div#custom-ad", [
      h(
        "a.custom-ad-link",
        { href: "example.com" },
        h("img", { src: "https://picsum.photos/id/74/750/90" })
      )
    ]);
  }
});
</script>

```

Podemos definir a imagem que precisamos, mas como fazer corretamente para que essa imagem fique centralizada e seja dimensionada para o design mobile?

porque agora ela aparece assim

 ![image](https://global.discourse-cdn.com/meta/original/3X/5/4/5454b4695b0278457ea30d0510c1f6eb9dcb179e.jpeg)

---

_[View the full topic](https://meta.discourse.org/t/how-to-add-customer-html-after-post-1-part2/202619)._