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