[Tutorial] Blog - Como adiconar uma coluna no blog

Este tutorial foi feito com base no Template Minima.
Antes de começar o tutorial recomendamos que faça um backup do seu template para não haver danos pois não nos responsablizaremos por eles.
Siga os passos abaixo para adiconar a coluna :D
1. Vá Editar HTML e procure pela tag:

<*div id='main-wrapper'>
       
2. Cole o codigo abaixo, acima dela.

<* center>

<* table width="220" border="0" align="center" cellpadding="0" cellspacing="0">
<*tr>
<*th scope="col" background="link da imagem do titulo aqui"> <*/th>
<*/tr>
<*tr>
<*td background="link da imagem onde vai ficas as widets"><*b:section class='coluna' id='coluna' preferred='yes'><*/b:section> <*/td>
<*/tr>
<*tr>
<*td background="link da imagem do footer"> <*/td>
<*/tr>
<*/table>
<*/div>
<*/center>

#Substitua o valor a rosa pela largura total da suas imagens#

3. Procure pela tag:
 ]]><*/b:skin>

4. Cole o codigo abaixo, acima dela.

#coluna {
width: 220px;
float:
left; 
word-wrap: break-word;
overflow: hidden;
}

#Substitua o valor a rosa pela largura da sua coluna#
#Mude a posição da coluna substituindo Left por Right#

5. Para caberem as colunas todas procure pela tag "outer-wrapper"
(exemplo abaixo)
e de seguida altere o valor de width para o valor da soma da largura das suas colunas.

  #outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
Ps: Não se esqueça de retirar os asteriscos (*)
Espero ter sido util, fiquem bem!
Comente se gostou :D

0 comentários:

Enviar um comentário

Nota: só um membro deste blogue pode publicar um comentário.