Mejora la estética de tus anuncios Google Adsense con CSS
Un sitio que nos muestra como podemos mejorar estéticamente los anuncios de Google Adsense. Los resultados son realmente bellos y con un par de simples códigos podemos adaptarlos a nuestro diseño de blog. El sitio recopila unas 29 ideas para mejorar estéticamente tus anuncios, obvio son ideas, tú puedes mejorar los diseños a tu gusto o usarlos como guía.
Veamos un ejemplo practico de cómo los adaptaríamos.
Como todos sabemos en Google Adsense podemos especificar el color de fondo que tendrá nuestro anuncio, el color de los enlaces, del texto, etc.
Supongamos que nuestra paleta de colores en Google Adsense se compone de estos colores:
|
|
Background
|
Color: #333333
|
|---|---|---|
|
|
Border | Color: #333333 |
|
|
Text | Color: #888888 |
|
|
Link | Color: #FFFFFF |
|
|
URL | Color: #888888 |
Entonces lo que haremos será, crear un div con un simple código en nuestra hoja de estilo
CSS:
#ad_code { background:#ffffff url(images/blackquare.png) center center no-repeat;
width:163px; height:166px;
padding-top:15px;
text-align:center; }
Ya con nuestro código en la hoja de estilo, solo resta encerrar nuestro código de Google Adsense dentro del div que acabamos de crear en la hoja de estilo.
HTML:
<div id=”ad_code”>
<!– Cambiar solo esta línea por tu código de Google Adsense –>
</div>