dreknoun
Iota
Diseñador
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
AdSense nos obliga a indicar que sus banners son de publicidad, y si la señalización es excesivamente grande, es más que probable que nadie de clic. De modo que vamos a hacer como los grandes portales web y añadir un pequeño texto ("publicidad") y una línea para señalar un banner publicitario.
Todo el proceso se hace en HTML y es bastante sencillo. Donde queramos añadir la publicidad, implementaremos el siguiente código:
HTML:
<style>
.texto {
font-size: 8pt; color: gray; margin-bottom: 0; text-align: right;
}
hr {
padding: 0; margin-top: 0; margin-bottom: 10px;
}
</style>
<div style="padding:5px;"><div class="texto">Publicidad</div>
<hr>
<codigo adsense></div>El resultado que obtenemos es el siguiente (en mi caso lo hice en un widget en Wordpress):
Vamos a ver el código, ¿cómo funciona?
Definimos el estilo (con la etiqueta<style>) del texto y la línea separadora (etiqueta<hr>). Para darle estilo al texto sin modificar toda la página, creo una clase (en este caso "texto") y utilizo un div con la palabra "publicidad". A esta clase le doy un tamaño de fuente de 8 puntos, color gris, sin margen inferior y alineado a la derecha.
En la línea (<hr>) le vamos a dar un margen superior de 0, inferior de 10px y sin padding. Ahora tan solo nos queda llamar al div y a la línea y lo hacemos después de cerrar la etiqueta<style>.
Ya está, con esto indicamos los banners publicitarios sin problemas legales, de una manera sencilla y con estilo. Podemos modificar a nuestro gusto el texto para que se adapte a nuestra web.
Edit:
Para hacerlo en Blogger
Vamos a editar el HTML de nuestra plantilla. Buscaremos dónde se declaran los estilos y añadiremos nuestro código.
El estilo en cuestión:
HTML:
/* Publicidad----------------------------------------------- */
.texto {
font-size: 8pt; color: gray; margin-bottom: 0; text-align: right;
}
hr {
padding: 0; margin-top: 0; margin-bottom: 10px;
}Luego llamamos al div con la información. Yo lo utilicé en un widget, aunque pueden hacerlo en cualquier parte del sitio.
El código:
HTML:
<div style="padding:5px;"><div class="texto">Publicidad</div>
<hr>
<codigo adsense></div>Gracias Enlace eliminado por el aviso del segundo div, así nada se desencuadra 🙂
Y este es el resultado:
Nota: En el caso de que lo hagan dentro de la plantilla, lo mejor será que definan en la hoja de estilos la clase, y luego hagan simplemente la llamada desde donde quieran poner el banner con un div.
Todos los "me agrada" son bien recibidos 🙂 Si tienen alguna duda tan solo posteenla en el hilo.
Última edición: