> ## Content Index
> Fetch the complete content index at: https://getpublii.com/dev/llms.txt
> Use this file to discover other available public pages before exploring further.

# @customHTML global variable

- URL: https://getpublii.com/dev/customhtml-global-variable/
- Published: 2017-09-08T15:35:29.637Z
- Updated: 2024-02-08T09:33:24.088Z
- Description: The @customHTML global variable contains an object with custom HTML code defined by theme author. To create custom HTML areas in your theme, you need…
- Author: Tomasz Dziuda
- Tags: Global Variables

The **@customHTML** global variable contains an object with custom HTML code defined by theme author. To create custom HTML areas in your theme, you need to add the customHTML section in the renderer section of the theme config.json file:

```json
"renderer": {
    "renderRelatedPosts": false,
    "renderSimilarPosts": false,
    "renderPrevNextPosts": false,
    "createContentStructure": false,
    "customHTML": {
        "beforePost": "Before every post",
        "afterPost": "After every post"
    }
},
```

Above code will create two new custom HTML sections - **beforePost** and **afterPost** - they are available through **@customHTML.beforePost** and **@customHTML.afterPost** variables.

The custom HTML code for these sections can be defined under *Tools -> Custom HTML* section of Publii.