19 ene 2015

DISEÑOS WEB: Códigos para centrar los banners, fotos o vídeos en tu web o blog




Muchas veces cuando vamos a colocar un banner animado de los anuncios de google o cualquier diseño, imagen o video, queremos que se vea en el centro de la página o la publicación, o más abajo, o más arriba, de la misma. Para tal efecto solo debemos agregar unos sencillos códigos al PRINCIPIO y AL FINAL del código html correspondiente.
Por ejemplo:
Para que se vea al centro se agrega este código <center>
Así:
<center><script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- anuncio adaptable de todo web rr -->
<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-771211871102" data-ad-format="auto" data-ad-slot="8156023417" style="display: block;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script><center>
Y para que el banner, imagen o vídeo se vea más abajo se agrega este código <br />
Así:
<br />
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- anuncio adaptable de todo web rr -->
<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-77121187110" data-ad-format="auto" data-ad-slot="8156023417" style="display: block;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<br />

Si deseas que se vea más abajo o más arriba y deje un buen espacio alrededor del banner, solo agrega varias veces el código:
<br />
<br />
<br />
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- anuncio adaptable de todo web rr -->
<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-771211871102" data-ad-format="auto" data-ad-slot="8156023417" style="display: block;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<br />
<br />
<br />

No hay comentarios: