Adicionando sidebar ao seu template

Fala gente hoje o tutorial e de adicionar uma sidebar pelo codigo do blog, e  bom facim.

Primeiro antes de ]]></b:skin>
cole o modifique o codigo abaixo:

#sidebar-wrapper-2{ width: 120px //largura// margin-top: 30px; //alinhamento de baixo para cima// margin-left; //edite o alinhamento as pontas float: right; //alinhamento a direita, se quiser á esquerda mude para left/// 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 editar o Xml/Html do blog.
Esse é o codigo:

<div id='sidebar-wrapper-2'>         <b:section class='sidebar' id='sidebar-2' preferred='yes'> </b:section>       </div>


se quiser que ela fique antes da area dos posts como esse,cola antes de <div id=main-wrapper'>



Mas se quiser depois cole depois da tag <div id=main-wrapper'>
por exemplo,

vai estar assim:

<div id=main-wrapper'> /* codigo da tag </div> <div id='sidebar-wrapper-2'>         <b:section class='sidebar' id='sidebar-2' preferred='yes'> </b:section>       </div>>
------------------------------------
Flw gente ate a proixima, duvidas, comente ;)

0 comentários:

Postar um comentário

 

TODOS OS DIREITOS RESERVADOS A SAIKYOU DESIGN - DESIGN E SISTEMA PRODUZIDOR POR DANIEL BARRETO