Como incluir bloques adsense en blogger

Una de las cosas que mas se le dificulta a los usuarios de Blogger es el modificar o poder posicionar los anuncios de Google Adsense correctamente dentro de las entradas de Blogger, esto porque a diferencia de otras herramientas para crear Blogs o sitios Web, Blogger no cuenta con una opción para indicar donde es que irán esos bloques de anuncios de Adsense dentro de una entrada, ademas de que el mismo editor de Blogger es un poco limitado en cuanto a opciones, esto merma principalmente a aquellos los emprendedores que no cuentan con un conocimiento previo de tecnologías como HTML, diseño de sitios web, etcétera, y pocos saben que pueden posicionar un buen bloque de anuncios sin perjudicar el contenido de la entrada utilizando algunas técnicas como incluir los bloques de anuncios en etiquetas <DIV> que modificando correctamente sus propiedades nos darán la opción de posicionar un bloque de anuncios donde nosotros lo deseemos en una entrada de Blogger, a continuación un pequeño tutorial de ayuda con ejemplos sobre como posicionar un bloque de anuncios y como modificar sus propiedades a gusto propio.Como incluir bloques adsense en blogger
HTML
Html por mucho tiempo fue el único estándar que se tenia para realizar sitios web, hasta que surgieron nuevas tecnologías acompañando a la Web 2.0, aun así HTML sigue siendo el lenguaje con el que se trabaja en la Web para Maquetar, diseñar, y codificar muchas de las partes de un sitio Web, si no tienes conocimientos sobre este lenguaje no te preocupes este tutorial va enfocado justamente a aquellos que no conocen nada sobre HTML y a aquellos que utilizamos Blogger para escribir un blog.
Las etiquetas DIV
Estas etiquetas nos ayudan a separar varios bloques de contenido en diferentes partes que pueden ser modificadas a propia voluntad y sin afectar a el resto, también sirven para maquetar sitios web, diferenciar bloques de contenido de otro. La etiqueta <DIV> (abreviatura de “División), es una “capa” muy utilizada en la actualidad para contener, ubicar, dar aspecto, etc. Una vez sabiendo esto veamos como utilizarla en Blogger y como poder manipular sus propiedades.
Como declarar una etiqueta DIV en Blogger
Para ubicar o crear estas etiquetas deberemos pasarnos al apartado HTML en la redacción de entradas que es fácilmente ubicable a la hora de estar escribiendo una entrada, una vez pasándonos a este apartado en una entrada que ya tiene contenido veremos el código HTML de la entrada, las etiquetas que ya están definidas, el formato, etcétera. Es importante no hacer modificaciones que no sepamos en esta parte ya que el modificar sin conocimiento etiquetas o formatos hará que nuestra entrada pierda forma y sobre todo que quede inutilizable en el peor de los casos, una etiqueta HTML abre con el siguiente caracter < y cierra con este otro > recuerda que no debes escribir dentro de las etiquetas si no conoces sobre HTML y cuando desees modificar algo debe ser siempre fuera de estas, veamos un ejemplo utilizando la etiqueta DIV:
<div>Contenido que se puede editar</div>
El ejemplo anterior nos da un ejemplo de cual es el área que podemos modificar, y como podemos ver aprendimos a declarar y cerrar una etiqueta Div.
Como incluir anuncios de Adsense con formato
Ya sabemos como posicionarnos en el código HTML y que es lo que no debemos de modificar, ahora veamos como darle formato a una etiqueta div para agregarle código de adsense, para esto utilizare 2 ejemplos muy prácticos, el primero sera una propiedad llamada Float que nos permitirá tener un bloque flotante que se ajuste al texto que lo precede y darle un espacio para que se vea agradable y no afecte al contenido, el otro cera como centrar una etiqueta div y que su contenido aparezca centrado en esa entrada.
El primer ejemplo el código es el siguiente:
<div style=”float: left; margin: 20px;”>
TU CODIGO DE ADSENSE
</div>
Este bloque lo que hará sera ponerse por detrás del texto que lo precede y adaptarlo a su forma, la propiedad float define que es flotante y left quiere decir que flotara hacia la izquierda, en caso contrario podemos usar right para que flote a la izquierda, por ultimo margin le da un margen al texto que lo precede, puede ser la cantidad de pixeles que desees.
El segundo ejemplo:
<div align=”center”>
TU CODIGO DE ADSENSE
</div>
Este bloque lo que hará sera que el código de adsense se muestre centrado en tu entrada, de forma que ya sea un bloque de texto, banner, etcétera este se desplegara siempre centrado.
Puedes investigar un poco mas al respecto sobre las etiquetas DIV y sobre HTML pero estos casos te serán bastante prácticos para hacerlo con Blogger.

Leave a Reply

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *