Oi gente *-* Desculpa não ter retribuído os comentários da postagem retrasada, eu tava meio ocupada preparando esse tutorial. Uma leitora havia pedido na última postagem, mas eu já estava planejando postar aqui pra variar mais, já que eu tenho postado só menus.
Não é complicado, mas precisa de paciência e tempo pra fazer, pois tem que ficar constantemente mudando números e visualizando...
Pra quem não sabe o que é footer, aqui tem um exemplo.
Você precisa excluir o footer que já tem no blog. Pra isso, siga esse tutorial.
A imagem não pode ser muito grande, se não o blog vai diminuir. A minha é de 1200x300
••• ♥ •••
<div style="position: absolute; margin-top: -30px; margin-left: -900px;">A imagem não ficará inteira, então cole o número necessário pra ficar certinho. Na segunda vez é só mudar os números, mas cuidado porque pra visualizar você tem que salvar e se não prestar atenção desconfigura e dá a maior dor de cabeça ¬.¬
<img border="0" src="URL_DA_IMAGEM" />
</div>
2 • Agora pra criar caixinhas onde ficaram outros gadgets (seguidores, barra de pesquisa, menu, etc), salve o gadget e vá em 'Modelo' > 'Editar HTML' > aperte F3 e procure por ]]>< • Acima da tag, cole:
.box {Visualize pra ver se nada saiu do lugar e depois salve.
background: white; /* Fundo */
width: 210px; /* Tamanho da altura e largura */
border: 1px solid #eee; /* Borda */
padding: 9px; /* Espaço */
font: 8px arma five; /* Tamanho e fonte */
}
3 • Vá no gadget que você criou anteriormente e cole:
<div style="position: absolute; margin-top: 6px; margin-left: -500px;">Mude o margin-top e margin-left para mudar a posição do objeto...
<div class="box">
código
</div>
</div>
4 • Para adicionar outra caixinha, siga o passo 2, porém ao lado de box coloque qualquer número ou letra e mude o tamanho se quiser...
Aí siga o 3 e cole o código e ao lado de box coloque o mesmo número que colocou no html... Faça isso o quanto você quiser...
••• ♥ •••
Por algum motivo, sinto que não expliquei direito. Então, qualquer dúvida pergunta na ask.
Ele fica muito lindo, ótimo tutorial :3
ResponderExcluirVisite o blog :3 | Etc For Me :3
Que tuto maravilhoso <3 Testei no meu blog de test ficou showww <3 beijos
ResponderExcluirhttp://vanity-candy.blogspot.com.br/
Acho que fica tão lindo colocar um footer no blog >w< Adorei o tuto, ficou bem explicadinho sim!
ResponderExcluirBeijos
Purple Star
Eu sempre achei o footer daqui divoso, que bom que fez o tutorial :3 Beijos
ResponderExcluirwehearthtml.blogspot.com
Sempre gostei do seu footer. Amei o tuto <3
ResponderExcluirha-unting.blogspot.com
Uaww! Que rodapé diwo! >< Vou usar no próximo layout do blog! ^^
ResponderExcluirBeijinhos!
http://simplekawaii.blogspot.com.br/
Lindo este modelo de rodapé ^^
ResponderExcluirwww.unconditionallydesigns.blogspot.com
Eu nao consigui colocar, Tem como me ajudar
ResponderExcluirBlog: http://elareveloubeleza.blogspot.com.br/
adorei o eu blog e me ajudou muito !!!
ResponderExcluirhttp://garotavenenomak.blogspot.com.br/