Curta Nossa Página do Facebook!


  • Desenvolvido Por Iago Melanias

    Criando Sidebar Gadget

    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).

    • 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 {
      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 */
    }
    Obs1: Use Margin para movimentar o sidebar pelo blog.
    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.

    Um comentário: