Dividir o rodapé do blogspot é mais fácil do que parece, é só substituir uma parte do codigo html do blog.
Mão na massa.. A primeira coisa a se fazer é entra na pagina “Editar HTML” do seu blog, clicar em “Baixar modelo completo”. Assim se algo der errado você podera facilmente reverter a auteração.
Agora localize no html o trecho
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
Fica quase no fim do codigo. Após localiza-lo apague e coloque o codigo abaixo no lugar:
<div id='footer-wrapper'>
<div id='footer-column-container'>
<div id='footer-column-left' style='float:left; width: 48%;margin: 2px;'>
<b:section class='footer-column' id='footer2' maxwidgets='5' showaddelement='yes'>
</b:section>
</div>
<div id='footer-column-right' style='float:right; width: 48%;'>
<b:section class='footer-column' id='footer4' maxwidgets='5' showaddelement='yes'>
</b:section>
</div>
<div style='clear:both;'/>
<div id='footer-bottom'>
<b:section class='footer' id='footer-column-bottom' maxwidgets='5' showaddelement='yes'>
</b:section>
</div>
<div style='clear:both;'/>
</div></div>
<div style='clear:both;'/>
Agora click em Salvar alterações e pronto. Agora é só entrar na pagina layout e arrastar os gadgets para cada uma das colunas e assim reorganizar melhor seu blog.
1 comentários:
Ótima dica! Obrigado!
Postar um comentário