5 de ago de 2009

Barra de anúncio abaixo da header do Blogger

Se você quer colocar anúncios em seu blog, ou simplesmente os 4 links mais importantes de seu blog abaixo da header de seu blog é bem simples.


A primeira coisa que vc deve fazer é ir até o HTML de seu blog.


Clique então na tecla "F3" de seu teclado.


Agora escreva na janela que se abriu a palavra "CABEÇALHO".


Note que ao aparecer a palavra no código do blog, você verá todo um código como este da imagem abaixo.


Substitua então o número "1" pelo número "5" e salve.





Prontinho !














Agora vá até "Elementos de página" e clique em "Adicionar um gadget". Ao abrir a janela clique em "HTML/Javascript" e cole o próximo código.











Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.










<div style="text-align: center;"><div id="header-menu">
<div class="header-menu-permalink" align="center">
<div id="col-header" class="header-menu section"><div id="HTML2" class="widget HTML">
<div class="widget-content">
<table cellpadding="0" cellspacing="0" width="965"><tr>
<td align="left"><table border="1" cellpadding="3" cellspacing="0" bgcolor="#F2F0F0"><tbody><tr>


<td style="vertical-align: top; width: 236px;"><b>
<a style="color: #CC0000" href="ENDEREÇO DO TITULO LINK 1" target="_blank">TITULO AQUI 1</a></b>
<br/>
AQUI UM TEXTO DE CHAMADA 1
<br/>
<small>
<a style="font-weight:normal; color: #7A8571" href="AQUI O ENDEREÇO DO LINK 1" target="_blank">AQUI O TEXTO DO LINK 1</a></small>
</td>


<td style="vertical-align: top; width: 236px;"><b>
<a style="color: #CC0000" href="ENDEREÇO DO TITULO LINK 2" target="_blank">TITULO AQUI 2</a></b>
<br/>
AQUI UM TEXTO DE CHAMADA 2
<br/>
<small>
<a style="font-weight:normal; color: #7A8571" href="AQUI O ENDEREÇO DO LINK 2" target="_blank">AQUI O TEXTO DO LINK 2</a></small>
</td>


<td style="vertical-align: top; width: 236px;"><b>
<a style="color: #CC0000" href="ENDEREÇO DO TITULO LINK 3" target="_blank">TITULO AQUI 3</a></b>
<br/>
AQUI UM TEXTO DE CHAMADA 3
<br/>
<small>
<a style="font-weight:normal; color: #7A8571" href="AQUI O ENDEREÇO DO LINK 3" target="_blank">AQUI O TEXTO DO LINK 3</a></small>
</td>


<td style="vertical-align: top; width: 236px;"><b>
<a style="color: #CC0000" href="ENDEREÇO DO TITULO LINK 4" target="_blank">TITULO AQUI 4</a></b>
<br/>
AQUI UM TEXTO DE CHAMADA 4
<br/>
<small>
<a style="font-weight:normal; color: #7A8571" href="AQUI O ENDEREÇO DO LINK 4" target="_blank">AQUI O TEXTO DO LINK 4</a></small>
</td>


</tr></tbody></table></td></tr></table></div></div></div></div></div></div>








  • Faça as alterações e salve.

  • verde-------> cor da letra do título
  • rosa--------> se não quer borda, substitua pelo 0
  • vermelho--> cor do fundo
  • azul-------> tamanho da barra

Um comentário:

  1. Tem um meme para você:

    http://plaidy.blogspot.com/2009/08/meme-do-blog-schraubles.html

    Beijos :D

    ResponderExcluir

A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.


Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube