Press enter to see results or esc to cancel.

Multiple ads next to each other

Sometimes you need to display multiple ads next to each other. You can insert multiple blocks into the same position but there is a better approach with more control. This is an example for three banners – adjust the style of the wrapping divs (e.g. margin) according to your needs: 

<div style="display: inline-block; margin: 10px;">
<!-- Ad 1 -->
<a href="#"><img src="https://dummyimage.com/150x150/44FF44/964400.png?text=TEST1"></a>
</div>

<div style="display: inline-block; margin: 10px;">
<!-- Ad 2 -->
<a href="#"><img src="https://dummyimage.com/150x150/44FF44/964400.png?text=TEST2"></a>
</div>

<div style="display: inline-block; margin: 10px;">
<!-- Ad 3 -->
<a href="#"><img src="https://dummyimage.com/150x150/44FF44/964400.png?text=TEST3"></a>
</div>

Using Center alignment it will look like this:

ad inserter multiple ads in a row

You can also have individual ad codes in other blocks. Enable shortcode for those blocks and use the following code (example for blocks 1, 2 and 3):

<div style="display: inline-block; margin: 10px;">
<!-- Ad 1 -->
[ADINSERTER code="1"]
</div>

<div style="display: inline-block; margin: 10px;">
<!-- Ad 2 -->
[ADINSERTER code="3"]
</div>

<div style="display: inline-block; margin: 10px;">
<!-- Ad 3 -->
[ADINSERTER code="3"]
</div>