Curta Nossa Página do Facebook!


  • Desenvolvido Por Iago Melanias

    Sidebar no footer

    E aí galera, irei ensinar como colocar um sidebar no footer. É algo bem simples.
    Primeiramente vamos abrir o Blogger > Design > HTML. (Não é preciso abrir "Modelos de Widgets").

    Crie um novo sidebar, por exemplo:
    #sidebar-wrapper-footer {   width: 468px;
      height:60px;
      margin-right:14px;
      margin-top:-125px;
      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 */
    }

    Agora vamos pro HTML do sidebar.

    Que será algo como:
    <div id='sidebar-wrapper-footer>
    <b:section class='sidebar' id='sidebar-footer' preferred='yes'>
    </b:section>
    </div>
    Iremos colocar o código acima abaixo desse código:
    <div id='footer-wrapper'><b:section class='footer' id='footer'/>
        </div> 

    Agora é só ajustar as margens para posicionar o sidebar.

    Um comentário: