Como adicionar gadget no topo do blog

Olá pessoal hoje vou ensinar a vocês como colocar gadget no topo do blog logo abaixo do cabeçalho.

É bem simples com alguns passos você já tem no topo do seu blog varias opções e vantagem como colocar banner, menu, anúncios em fim a escolha e sua. Vamos lá!

1º Passo – Baixe uma cópia do modelo do seu blog

Vá em Editar HTML. Eu aconselho que faça um backup do modelo atual do seu blog, prevenindo assim um possível desastre no HTML.

2º Passo – Adicionar o código

Agora vamos colocar o código para as colunas, para isso ainda no editar HTML, não marque a caixinha “expandir modelos de widgets” e procure com o auxilio de Ctrl+F a linha: “<div id='content-wrapper'>”, e logo ABAIXO dessa linha, cole o código:

<div id='columns-top'>
<div id='footer-column-container'>
<div id='top-column-left' style='float:left; width: 32%;margin: 3px;'>
<b:section class='top-columns' id='column1' maxwidgets='2' showaddelement='yes'/></div>
<div id='top-column-center' style='float:left; width: 33%;margin: 2px'>
<b:section class='top-columns' id='column2' maxwidgets='2' showaddelement='yes'/></div>
<div id='top-column-right' style='float:left; width: 32%;margin: 3px;'>
<b:section class='top-columns' id='column3' maxwidgets='2' showaddelement='yes'/></div>
<div style='clear:both;'/>
</div></div>

                   
3º Passo – Salvar alterações

Agora clique em “Salvar modelo” e as três colunas estarão prontas para o uso. Veja na página “Elementos da página”, adicione normalmente os gadgets que desejar:

Tweet