Hi girls! Hoje venho com um tutorial suuper legal (eu achei pelo menos rsrs) Estava procurando a um tempinho e ontem do nada achei, lógico que fiquei muito feliz e vim aqui testar, como gostei do resultado vim logo compartilhar com vocês! Quero começar creditando o blog Garotas Complicadas pois foi lá que aprendi o tutorial. Se você ainda está boiando, o tutorial vai ensinar a por uma imagem no final do blog, uma continuação das colunas e da área de postagem, você pode enfeitar ao seu gosto, pode por exemplo arredondar os cantos e escrever alguma mensagem e tal. Veja o resultado do meu blog .gif)
Clique na imagem para ampliar melhor.
se quiser vá descendo o blog e veja certinho. Clique em "Leia Mais" para ler o tutorial.
Primeiramente você precisará fazer uma imagem. Você tem que saber a largura da área das postagens e da barra lateral, para não ficar desencaixado depois.
Não sei se é só no meu blog que acontece mas quando eu quero fazer uma imagem continuando as colunas (rodapé e cabeçalho) eu tenho que fazer a imagem 20px menor que a largura total do blog se não não encaixa, por exemplo: Meu blog tem a largura de 1040px então faço as imagens com a largura de 1020px.
Fiz um mini tutorial por imagem para os mais iniciantes de como fazer a imagem do rodapé, só não reparem é bem meia boca rsrs. Clique nos links abaixo para ver as imagens.
Primeiramente você precisará fazer uma imagem. Você tem que saber a largura da área das postagens e da barra lateral, para não ficar desencaixado depois.
Não sei se é só no meu blog que acontece mas quando eu quero fazer uma imagem continuando as colunas (rodapé e cabeçalho) eu tenho que fazer a imagem 20px menor que a largura total do blog se não não encaixa, por exemplo: Meu blog tem a largura de 1040px então faço as imagens com a largura de 1020px.
Fiz um mini tutorial por imagem para os mais iniciantes de como fazer a imagem do rodapé, só não reparem é bem meia boca rsrs. Clique nos links abaixo para ver as imagens.
Obs: Na imagem tutorial eu disse para fazer a imagem com a largura 20px menor que a largura do blog, mas se você quiser tente primeiro fazer a imagem com a largura do seu blog mesmo e se não der certo faça 20px menor.
Logo após fazer sua imagem, salve e hospede em algum local.
Sem mais delongas, vamos pro tutorial:
Vá em Design > Editar HTML, e marque a opção "expandir modelos de widgets" . Pressione Ctrl + F e procure por <!-- main --> Logo ACIMA adicione o seguinte código:
<center> <img height='altura' src='Url da sua imagem' width='largura'/> </center>
Onde estiver "Altura" troque pela medida de altura da sua imagem, a minha é 100 e acho que é um bom tamanho se você estiver indeciso.
Troque também "Url da sua imagem" pela url (link) da sua imagem. Meio obvio né? rsrs
E onde estiver "largura" substitua pela medida de largura da sua imagem.
Bom gente, era isso, espero que tenham entendido bem. Qualquer duvida pergunte por comentário!
E onde estiver "largura" substitua pela medida de largura da sua imagem.
Bom gente, era isso, espero que tenham entendido bem. Qualquer duvida pergunte por comentário!
Nenhum comentário:
Postar um comentário