Divulgação do seu Blog

[Owner 7]

Vamos mostrar como colocar uma janela de divulgação (estilo pop up) fixa sobre o seu blog e dentro dela você poderá colocar coisas como adicionar ao Twitter, assinar Feed e outras coisas que deseje ter a certeza que seus visitantes vejam.

 

 

Esse código é bem fácil de usar basta adicionar um gadget de html (pagina layout, adicionar gadget, html/javascript) e colar o código abaixo:

 

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

No lugar das linhas onde está escrito conteúdo você poderá colocar qualquer html que desejar (link do seu feed, Twitter ou qualquer outra coisa), veja como alterar e configurar corretamente esse novo acessório para o seu blog para deixá-lo totalmente personalizado para o seu site:

border: 2px solid #000000; isso é a borda, veja aqui como alterar as cores, estilo e tamanho das bordas.

 

background-color: #ffffff; cor de fundo da janela, se quiser alterar aqui tem o código html das cores

 

width: 320px; isso é a largura da janela, altere como desejar.

 

top: 200px;left: 100px; isso é a distancia em relação ao topo (200) e lado esquerdo (100) da pagina, também pode modificar como desejar.

 

Agora vamos passar as configurações dentro da janela de divulgação, note que a linha <div style="float:right; width:100px">conteudo</div> repete-se 3 vezes, ou seja, podemos ter 3 colunas dentro desta janela, ou seja, banners, textos um do lado do outro. Se quiser deixar apenas uma apague essas linhas, caso queria mais divisões é só copiar e repetir o código mais quantas vezes quiser.

 

Se forem criar mais divisões veja esse código <div style="width:300px; antes da primeira das linhas note que 300 é a soma das 3 colunas, cada uma delas em 100 pixels, então se for modificar a quantidade ou largura delas lembre-se de corrigir o valor total neste trecho.

 

Nos modelos novos do Blogger é recomendado colocar esse código num gadget sobre a postagem:

 

Isso porquê devido aos novos códigos se for colocado em outra parte pode haver erros e a janela de divulgação aparecer por baixo dos posts do blog.

[Vator 10]

Melhoraria apagando esse "widget dicas para blogs" ;)

 

A última linha de código :)

[Owner 7]

Sim

( rsrsrsrsrsrsrs )

É que é a fonte é de Dicas para Blog (:

Obrigado por comentar Vator !

Abrasz