Aleatório

Como remover o fundo amarelo atrás dos anúncios do Google Adsense

Elton Ciatto

Elton Ciatto

— 2 min read
Como remover o fundo amarelo atrás dos anúncios do Google Adsense

Aprenda a remover o fundo amarelo atrás dos anúncios do Google Adsense

Você deve ter feito a mesma pergunta que eu fiz quando notei um fundo amarelo nos meus anúncios do AdSense, Porquê os anúncios dos outros sites não tem isso e o meu tem? Entenda e resolva:

Há duas razões pelas quais um site pode mostrar um fundo amarelo antes de anúncios do Google AdSense e/ou outras propagandas (de outras redes de anúncio por exemplo).

Muitos sites em WordPress, na folha de estilo CSS vem definindo a tag html <ins> com amarelo por padrão. Este é provavelmente o problema.

A tag HTML <ins> está definida em torno de um anúncio Google: <ins>script do anúncio</ ins>.

A definição do atribuito ins é a seguinte: A tag <ins> define um texto que foi inserido num documento. É comumente usado para marcação de atualizações e modificações feitas em um site. Como o Adsense acaba sendo um texto (documento) adicional na sua página original, a utilização dessa tag é fundamental.

A cor hex do amarelo usado é #fff9c0.

Como remover o fundo amarelo atrás dos anúncios do Google Adsense, ou outra network

1. Para remover o fundo amarelo que aparece antes do anúncio Google AdSense, abra o arquivo style.css do seu tema e procurar a cor: #fff9c0

  1. Se houver uma única correspondência do resultado em sua folha de estilo para fff9c0, é provável que ela seja culpada. Excluí para remover o fundo amarelo por trás de suas propagandas. Eu não recomendo a remoção da totalidade do código relativo ao cor. Se houver mais de um resultado, procurar um relativo a tag ins em sua folha de estilo.

Aqui um exemplo:

ins {
background: #fff9c0;
text-decoration: none;
}
  1. Você pode alterar a cor do fundo do anúncio para algo como branco (#ffffff ou apenas #fff), transparente (transparent) caso não queira sobrepor a cor do fundo do seu site (ou imagem) ou qualquer outra de sua preferência.

Caso o seu não aparece a opção de editar o tema (Assim como o meu) faça o tutorial a baixo: (Serve tanto para quem está sem a opção editar tema como para quem está) 

1.  Baixe e instale o plugin: WP Add Custom CSS

  1. Vá até settings, copie e cole no espaço branco o código:
.entry ins { background: #fff; } a, abbr, acrônimo, endereço, applet, de artigos, de lado, de áudio, b, grande, blockquote, corpo, lona, subtítulo, centro, citam, código, dd, del, detalhes, dfn, div, dl, dt, em, incorporar, fieldset, figcaption, figura, rodapé, forma, H1, H2, H3, H4, H5, H6, cabeçalho, hgroup, html, i, iframe, img, ins, kbd, etiqueta, legenda, li, marca, menu, navegação, objeto, ol, de saída, p, pre, q, rubi, s, SAMP, seção, pequeno, espaço, greve, forte, sub, resumo, sup, mesa, tbody, td, tfoot, th, thead, tempo, tr, tt, u, ul, var, vídeo {
  1. Clique em salvar (Save) entre no seu site, vá até os anúncios e note que o fundo amarelo sumiu. =D

RECOMENDO ASSISTIR O TUTORIAL PARA UM RESULTADO MELHOR:

VÍDEO TUTORIAL:

[embed]https://www.youtube.com/watch?v=D6Vwsc2XOqk&feature=youtu.be&ab_channel=EDTuttors[/embed]

Read more