>> Não fique louco

Sidebar no Footer

8.6.12

 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> 
So ajuste as margins e posicionar o sidebar

0 comentários:

Postar um comentário