AdSense no Blogger

AdSense no Blogger

Breno

Essa postagem responde a pergunta: "Como faço para colocar o AdSense no meu Blogger?"

Obviamente, você precisa ter um Blogger e uma conta no Google AdSense.

Na Central de Ajuda do Blogger, existe uma página que responde a pergunta acima, mas usando o método lá descrito não é possível aplicar "Critérios" aos blocos de anúncios.

Uma breve explicação sobre os Critérios: "Critérios são canais que permitem visualizar relatórios detalhados sobre o desempenho das suas páginas/blocos. Ao atribuir um critério a qualquer combinação de páginas/blocos, você pode acompanhar várias estatísticas sobre os seus sites. (Continue lendo...)".

Armado com os Critérios, você poderá aprimorar o posicionamento, tamanho, etc. dos anúncios e obter mais ganhos.

Passo-a-passo de como colocar o AdSense com Critérios Personalizados

Primeiro, gerar o código pelo site do AdSense:

1. Faça o login na sua conta em google.com/adsense;
2. Clique na guia "Configuração do AdSense", "Obter Anúncios" e escolha o produto que você deseja adicionar ao seu site;
3. Siga as etapas para escolher o tipo, o formato, as cores, os critérios e as opções adicionais;
4. Copie o código do anúncio da caixa Seu código do AdSense.

Segundo, inserir o código no blog:

1. No "Painel" do Blogger, escolha o blog em que você deseja colocar o AdSense;
2. Clique em "Layout";
3. Na guia "Elementos da página", procure e clique em "Adicionar um elemento de página";
4. Uma janela popup irá se abrir, adicione ao blog o elemento "HTML/JavaScript";
5. No "Conteúdo", cole o código gerado no site do AdSense e salve.

Agora é só arrastar o "HTML/JavaScript" até a sidebar(barra lateral), footer(rodapé), etc.

e Terceiro, "Visualizar" & "Salvar":

• Clique em "Visualizar" e, se estiver tudo certo, é só salvar!

Blogger Navbar

Blogger Navbar

Breno

Navbar é uma barra colorida, com 30 pixels de largura e fica posicionada no topo dos blogs hospedados pelo blogger.com.

Em "Modelo" -> "Elementos da página" você pode editá-la (mudar sua cor), mas não pode removê-la.

Se você quiser remover, ou melhor, ocultar a navbar, insira o código seguinte no Modelo do seu Blog:

#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}

Para isso, vá em "Modelo" -> "Editar HTML" e cole o código na parte correspondente ao CSS, localizada entre as tags <b:skin><![CDATA[ e ]]></b:skin>. Para facilitar a inserção do código, procure (Ctrl+F) por ]]></b:skin> e cole o código antes.

Exemplo/Ilustração: