E ai pessoal, irei ensinar como criar novo sidebar gadget para blogger (Template Minima).
Bom, não é nada complicado. É bem simples de entender. Para ficar mais fácil de entender eu irei ensinar a colocar um Banner 468x60 no topo, meio e footer.
Primeiramente vamos abrir o Blogger > Design > HTML. (Não é preciso expandir modelos de widgets).
Obs2: Se for preciso mude float: right; para float: left;
Com esse método que ensinei você pode criar novos Sidebars e posicionar no blog da forma como quer. Espero ter ajudado, até mais.
Lembre-se de ajustar as margens e o mudar o float para movimentar o Gadget entre o blog.
Bom, não é nada complicado. É bem simples de entender. Para ficar mais fácil de entender eu irei ensinar a colocar um Banner 468x60 no topo, meio e footer.
Primeiramente vamos abrir o Blogger > Design > HTML. (Não é preciso expandir modelos de widgets).
- Agora procurem por:
#sidebar-wrapper {
- Após encontra-lo você irá copiar o código por completo, por exemplo:
#sidebar-wrapper {
width: 240px;
margin-right:30px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
- Cole-o abaixo do mesmo código só que agora você irá mudar o nome, por exemplo:
#sidebar-wrapper-publicidade {Obs1: Use Margin para movimentar o sidebar pelo blog.
width: 468px;
height: 60px;
margin-right:30px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
Obs2: Se for preciso mude float: right; para float: left;
- Agora vamos criar e posicionar o gadget. Se deseja o Sidebar em cima da área de post, então coloque o código abaixo:
<div id='sidebar-wrapper-publicidade'>
<b:section class='sidebar' id='sidebar-publicidade' preferred='yes'>
</b:section>
</div>
- Em cima do respectivo código:
<div id='main-wrapper'>
- E se você deseja o Gadget entre a área de post, então coloque o mesmo código abaixo do código anterior.
- Mas se você quiser o Gadget no footer do blog, então você irá colocar o código abaixo do código a seguir:
<div id='footer-wrapper'>Agora você irá salvar e ir em "Elementos da Página" para verificar se o Gadget adicional foi devidamente criado. E então adicione o Gadget "HTML/JavaScript" e coloque o banner 468x60.
Com esse método que ensinei você pode criar novos Sidebars e posicionar no blog da forma como quer. Espero ter ajudado, até mais.
Lembre-se de ajustar as margens e o mudar o float para movimentar o Gadget entre o blog.
Chuuuuuuuuuuuuupa
ResponderExcluir