quinta-feira, 22 de agosto de 2013

Como inserir um banner centralizado no blog





Olá a todos!


Neste tutorial iremos aprender como colocar um banner de anuncio Adsense, que será exibido no centro da página, logo abaixo do cabeçalho. 




Os procedimentos abaixo foram aplicados tomando como exemplo o modelo SIMPLES do Blogger.






1º) Localize o comando "]]><b:/skin>". 
Acima dele coloque o código CSS conforme abaixo:



/*  BANNER DE ANUNCIO
------------------------------- */
.banner_anuncio{
height:90px;
width:728px;
padding:30px;
}

2º) Agora localize o comando </header>
Abaixo dele coloque o código HTML conforme abaixo:


<div align='center'>
<b:section class='banner_anuncio' id='banner_anuncio' maxwidgets='1' showaddelement='yes'>
</b:section>
</div>

3º) Salve as alterações.

4º) Agora vá para "Layout". Você verá uma nova seção logo abaixo do cabeçalho. Clique em "Adicionar um Gadget". 

5º) Na janela aberta, selecione o gadget "HTML/JavaScript".


6º) Na caixa de texto "Conteúdo", coloque o código do Adsense conforme abaixo:


<script async src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- cantodaguita_crosscol_AdSense1_728x90_as -->
<ins class="adsbygoogle"
     style="display:inline-block;width:728px;height:90px"
     data-ad-client="ca-pub-7438355457348286"
     data-ad-slot="8579929159"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});

</script>

7º) Clique em "Salvar"

8º) Visualize o blog e veja como ficou.

Nenhum comentário:

Postar um comentário

Se você gostou deste artigo poste um comentário!

Observações:
1º) Somente usuários com conta no Google poderão publicar seus comentários aqui no Blog do SM@rtiN.
2º) Todos os comentários serão avaliados pelo administrador do blog para posterior publicação.
3º) Os textos com conteúdo impróprio, ofensas e palavrões serão automaticamente excluídos. Se houver reincidência, o acesso do usuário ao blog será bloqueado.

Obrigado!