Eliminar el fondo amarillo de Adsense en anuncios

Eliminar el fondo amarillo de Adsense: Al utilizar la visualización de anuncios Google Adsense en su sitio, a menudo hay un fondo amarillo debajo del anuncio. Por un lado, el fondo atrae al usuario a la publicidad, por otro lado, destruye completamente el diseño del sitio. En este artículo, eliminamos el fondo amarillo de la publicidad de Google Adsense, de una vez por todas.

Cual es el problema

Desde la aparición del tipo adaptativo de anuncios en Google Adsense , ha habido un problema con el fondo amarillo debajo del anuncio. Este fondo es visible si el anuncio es menor que los parámetros de la página, así como cuando se carga la página desde su representación hasta la carga del DOM.

 

 

¿Por qué el fondo es amarillo?

Si observa, Google Adsense utiliza activamente un fondo amarillo para resaltar. Mueva el mouse sobre la tabla "Mis anuncios" en su cuenta de Google Adsense y vea por qué el fondo es amarillo.

Cómo eliminar el fondo amarillo de los anuncios de Google Adsense

 

Opción 1. No siempre funciona.

En cualquier sitio en cualquier CMS, es posible editar el archivo de hoja de estilo. Para eliminar el color de fondo amarillo, debe cambiar o especificar la propiedad de la etiqueta ins.

ins {background: #fff;}

donde #fff es el código html del color , Solo tienes que cambiar el codigo del color que tu deseas.

Opción 2. Dejarlo transparente 

El código que te muestro a continuación es para que el fondo del anuncio quede totalmente transparente. 

ins.adsbygoogle { 
    background: transparent !important;
}

Recuerda que estos dos códigos debes colocarlos en el espacio csc para no mordicar el código directo de tu plantilla. 

Antes de realizar cualquier cosa recuerda crear una copia de seguridad, estar prevenido es importante en estos casos, ya que cualquier error podría llevarte grandes dolores de cabeza. Recuerda no desesperar, llevártela con calma.

Comprime el código CSS y mejora el rendimiento del sitio

Comprime el código CSS: Los documentos HTML y XML contienen solo indicaciones sobre el contenido y su estructura dentro del sitio, mientras que los otros elementos relacionados con el formulario se separan en los llamados archivos CSS. Cuando se usan hojas de estilo, el servidor web debe reenviarlas al navegador junto con los documentos HTML y el contenido multimedia integrado (fotos, videos, etc.) cuando se abre una página. Este proceso afecta los tiempos de carga del sitio. Mientras más grandes y complejos sean los archivos CSS, más tiempo tendrá que esperar el visitante para ver la página completa. Al comprimir el código CSS en uso, puede reducir significativamente el tamaño de los archivos CSS y mejorar el rendimiento de su sitio.

Posibilidad de optimizar el código Y Comprime el código CSS

El tiempo de carga de una página web adquiere cada vez más importancia con el tiempo, sobre todo debido al uso creciente de dispositivos móviles y conexiones de datos. Al mismo tiempo, el campo de uso del código CSS ha aumentado: de hecho, este lenguaje cubre cada vez más las funciones de JavaScript . Especialmente las plantillas CMS como WordPress a menudo tienen archivos CSS cargados que ralentizan innecesariamente el sitio. Por esta razón, le presentamos algunos consejos y trucos para comprimir el código CSS y reducir el tiempo de carga de su sitio:

1. Evite usar demasiado CSS en línea, es decir, ingresar el código directamente en el archivo HTML, a menos que sea el encabezado de la página. Lo mismo es cierto para las etiquetas de estilo, es decir, las propiedades de CSS personalizadas que difieren de la hoja de estilo estándar en uso.


2. En un solo script PHP, combina varios archivos CSS para que el cliente llame solo al archivo PHP, evitando enviar una solicitud http para cada hoja de estilo individual y esperando la respuesta.


3. Utilice, cuando sea posible, abreviaturas como:  body { margin: 20px 10px 5px 10px }  en  lugar de formas extendidas como: body { margin-top: 20px; margin-right: 10px; margin-bottom: 5px; margin-left: 10px}
   


4. Evite demasiadas especificaciones. Si etiquetas específicas ya están incluidas en un elemento (por ejemplo, en una lista), no hay necesidad de repetirlas.


5. Use colores con notación hexadecimal (HEX) en lugar de RGB.


6. El selector universal "*" solo debe usarse si es realmente indispensable. Una representación con este selector es válida para cada elemento y, por lo tanto, el navegador debe recuperar todos los elementos que lo utilizan.


7. Minimice el código CSS eliminando espacios innecesarios, líneas en blanco y comentarios. Por ejemplo No es necesario dejar un espacio después de los dos puntos o punto y coma. También puede eliminar el punto y coma final al final de una lista. A través de este proceso, el archivo CSS pierde su estructura ordenada y su claridad, pero el navegador lo interpretará más rápidamente.

Dado que la compresión de un archivo CSS es complicada, recuerde crear una copia de seguridad del archivo original no minimizado. Al hacerlo, también puede hacer pequeños cambios más tarde o resolver los errores.

Herramientas en línea y fuera de línea Comprime el código CSS

Para aquellos que desean facilitar la tarea de optimizar el código CSS manualmente, hay varias aplicaciones en línea y programas sin conexión con los que puede minimizar los archivos CSS. Estas herramientas le ahorran el trabajo duro y eliminan efectivamente al menos los espacios, las pestañas, los comentarios y el retorno del carro . La conversión del código de color también es posible con la mayoría de los programas. El resultado puede descargarse directamente como un archivo CSS o copiarse y pegarse en su archivo. En resumen, presentamos tres aplicaciones que realizan estas funciones:

CSS Minifier

Se puede acceder a la aplicación en línea CSS Minifier en http://www.cssminifier.com/ . Simplemente copie el código CSS en el campo "Entrada CSS" y comience el proceso haciendo clic en "minificar". En el campo "salida minificada" se muestra el resultado de la operación y puede copiar el código manualmente o descargarlo a través de "descargar como archivo". CSS Minifier elimina del código el carro que devuelve, los espacios y el punto y coma final de las listas. Además, la herramienta convierte los códigos RGB en la variante HEX comprimida sin problemas .

Compresor CSS

La aplicación web CSS Compressor difiere de CSS Minifier en presencia de otras opciones para elegir para la compresión de código. Llame al sitio http://csscompressor.com/ y copie su código CSS en el campo "Entrada de código fuente CSS". Ahora puede determinar el grado de compresión . Al hacer clic en "Mostrar opciones avanzadas", marque la casilla con las dimensiones de optimización deseadas, como los colores ("Comprimir colores") o los espacios ("Eliminar las barras invertidas innecesarias"). La compresión comienza haciendo clic en "Comprimir". Además, en el campo "JavaScript comprimido", la herramienta proporciona información sobre las dimensiones de entrada y salida de su archivo CSS , así como el porcentaje de minimización logrado.

Caja de herramientas CSS gratuita

Free CSS Toolbox es un software gratuito para desarrolladores web, que se puede descargar desde la página de desarrolladores de Blumentals Software . Como el nombre ya revela, es una colección de herramientas con las que también es posible formatear y verificar códigos CSS. En el menú "Opciones de formato CSS", elija los parámetros CSS que desea optimizar e inicie la compresión haciendo clic en "Volver a formatear ahora". El programa elimina así los espacios y el último punto y coma sin ningún problema, e incluso se minimiza el tamaño de los colores. Free CSS Toolbox funciona en todos los sistemas operativos Windows, comenzando con XP.

Tiempos de carga más rápidos - Comprime el código CSS

Cuanto más complejo sea su sitio web o tienda en línea, más necesitará recurrir a hojas de estilo, en su mayoría archivos CSS. Por lo tanto, no es sorprendente que la carga de su servidor web aumente a medida que aumenta el número y el tamaño de los archivos CSS. Al abrir una página con un cliente (navegador), todos los archivos CSS siempre deben recuperarse y reenviarse. Por esta razón, se recomienda optimizar las hojas de estilo . Las herramientas en línea y fuera de línea, como las que se muestran aquí, también permiten a los principiantes de programación eliminar información innecesaria de los archivos CSS. Desafortunadamente, sin embargo, con estos programas no es posible optimizar el código al máximo; para eso tienes que pensarlo o contactar a los expertos.

Cómo justificar el texto de WordPress de forma efectiva con CCS

Justificar el texto de tus paginas o entradas no es nada difícil, pero puede resultar frustrante si estás empezando en el mundo de las páginas web.

Antes de empezar a justificar tus textos quiero mencionar que hoy en día ya existen plugins que ayudan a estos problemitas, pero en lo particular yo no los recomiendo, ya que sobrecargan las páginas web y las hacen más lentas.

Un gran problema con lo complementos es que hacen modificaciones en la base datos y esto puede ocasionar muchos conflictos. Antes de empezar a instalar plugins o modificar el código de tu página es recomendable hacer una copia de seguridad.

Tomando estas medidas uno puede salvarse de un mal funcionamiento de nuestra wed.

Como justificar el texto de wordpress con CCS

Aquí te explico a detalle:

Vamos al menú principal de nuestro wordpress pulsa enApariencia

Luego en Editar CCS Dale Click



Siguiente paso es ir CSS adicional.



Introduce este código CSS:

article .entry-content p {
	text-align: justify;
} 

Después solo dale Publicar y se guardará tu configuración.

Esta codigo CSS justifica de forma automática todos los párrafos de cada página y también de tus entradas.

Como viste solucionamos el problema que te estaba rompiendo la cabeza, si tienes alguna duda deja un mensaje en los comentarios y en breve te responderemos.