Use Google's responsive ads

This commit is contained in:
Michael Rose 2014-09-04 15:06:14 -04:00
parent ab5bb09f3e
commit d2bb545274

View file

@ -1,8 +1,14 @@
<div class="google-ads" style="margin-top:40px; text-align:center;">
<style>
.responsive-ads { width: 300px; height: 200px; }
@media(min-width: 518px) { .responsive-ads { width: 468px; height: 60px; } }
@media(min-width: 778px) { .responsive-ads { width: 728px; height: 90px; } }
@media(min-width: 1000px) { .responsive-ads { width: 160px; height: 600px; } }
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 160x600 ad -->
<ins class="adsbygoogle"
style="display:inline-block;width:160px;height:600px"
<ins class="adsbygoogle responsive-ads"
style="display:inline-block"
data-ad-client="{{ site.owner.google.ad-client }}"
data-ad-slot="{{ site.owner.google.ad-slot }}"></ins>
<script>