Como Remover o Fundo Amarelo dos Anúncios no seu Site

Como remover o fundo amarelo dos anúncios no seu site , eu sempre quis aprender desde que fiz meu primeiro  site em WordPress.

Primeiro preciso dizer que eu achei que fosse difícil colocar os anúncios no site,principalmente por ser um site novo e sem tráfego, mas não foi, com um pouco de cuidado e lendo as instruções, logo deu certo.

No meu primeiro site, li muito sobre os anúncios do adsense, e falavam que demorava muito para te aceitarem, o que não aconteceu.

O meu foi logo aceito, e agora como podem ver já tenho anúncios por todo o site.

Não que eu ganhe dinheiro com isso, pois para dar uma quantidade razoável é preciso ter muitas visualizações.

Mas quando coloquei os anúncios do google adsense nele e fui ver o resultado o fundo amarelo apareceu.

O que me deu trabalho foi tirar o fundo amarelo de trás dos anúncios.

Se você está lendo este post , é porque está com o mesmo problema.

Esta dica serve para qualquer tipo de anúncio, responsivo ou não.

Sabe quando o site está carregando o anúncio , por default aparece um fundo amarelo antes de carregar.

E se o anúncio é um pouco menor do que o quadro em que vai ser inserido fica uma borda amarela aparecendo, deixando o layout do site muito feio.

Isto acontece porque muitos sites em wordpress na folha de estilo CSS vem pré definindo a tag html     com a cor amarela    por padrão e provavelmente este é o problema.

A cor amarelo padrão é a #fff9c0 e deve ser alterada para #fff que é a branca ou para a transparente.

Pesquisei bastante na internet e tentei varias maneiras:

-Baixar um plugin  para colocar o código Css certo.

-Entrar no editor do Css e achar a cor que teria que mudar.

Mas no meu caso não consegui, e fiquei preocupada em fazer algo bem errado.

Mostro abaixo qual foi o método que deu certo e consegui remover o fundo amarelo dos anúncios.

COMO REMOVER O FUNDO AMARELO DOS ANÚNCIOS NO SEU SITE:

*primeiro quero dizer que não sou profissional na área

*gosto de fazer estas postagens para ajudar pessoas que como eu aprendem na tentativa e erro.

*faço também para se precisar usar de novo, eu tenha um guia de como fazer este procedimento corretamente.

ANTES DE COMEÇAR :

Um método que uso é sempre fotografar com o celular a tela do computador com o código que está escrito, antes de começar a mexer, pois se algo sair errado tenho uma foto de como estava antes e posso reverter o processo.

*olhe a foto antes de começar a mexer pois as vezes ela não está bem visível e se errar e não conseguir voltar ao original o estrago é grande.

Vamos ao meu jeito de resolver o problema:

-No painel do seu site wordpress , vá em “Aparência” e depois clique em Widget

– Na tela de Widget abra o ícone onde está o anuncio , aqui no caso é o Easy AdSense Ads & Scripts.

*Easy AdSense Ads & Scripts é um plugin que uso para adicionar os anúncios

-Você vai encontrar uma mensagem deste tipo quando abrir a tela:

Embaixo da linha <ins class= “adsbygoogle” está escrito :

style=”display:block”

e é aí que você vai mexer, é só acrescentar depois do block

background-color:transparent

A linha toda vai ficar assim:

style=”display:block;background-color:transparent”

-Escreva esta linha uma vez e depois

copie e cole em todos os blocos de anúncio que tiver no seu site

Alguns blocos eu consegui fazer pelo “Widget” , mas outros eu entrei em “Personalizar Tema” para fazer.

Eu fui onde  criei os blocos do anúncio para a parte superior, inferior e no meio dos post e editei um por um.

Não se esqueça de editar também as configurações para a versão Mobile, e para as paginas em AMP.

Para me certificar que estava dando tudo certo e os anúncios não estavam sumindo, abri uma outra guia com a página do meu site e fui vendo cada mudança que fazia.

É só ir dando um refresh , para atualizar a página.

A mudança acontece na mesma hora, não é preciso esperar nada e assim se algo der errado você fica sabendo na hora onde errou.

Adorei o resultado e este jeito é garantido de como remover o fundo amarelo dos anúncios no seu site exibidos no seu site antes deles serem carregados.

Por hoje é só, agora quando alguém te perguntar:

Como remover o fundo amarelo dos anúncios do seu site?

Você  compartilha este artigo com eles.

* Este artigo é baseado em pesquisas e em minha própria experiência.
Não sou especialista, apenas gosto de compartilhar minhas informações
Qualquer dúvida, me escreva nos comentários, que terei o maior prazer em responder.