Layout Free - Aquarela

Oi meu povo! Hoje é sexta e pra mim, dia de sexta é dia de mimo. Então, venho aprendendo a mexer em código HTML e consegui fazer meu primeiro layout, é bem simples, mas foi um pouco complicado. Então como foi complicadinho, mas eu fiquei muito feliz com o resultado, venho disponibiliza-lo para todos baixarem. Tentei dá o máximo de informação sobre o layout no post. Mas qualquer dúvida, não esqueçam de perguntar! Clique em "Leia Mais" para ver o resto do post.

PRÉVIA - DOWNLOAD

Instalação 

Copie o código que está no arquivo e vá em: Modelo - Editar HTML - Cole o código e salve!

ADICIONANDO REDES SOCIAIS

Layout - Adicionar um Gadget - HTML/JavaScript (você pode colocar esses botões em qualquer parte do blog, mas se quiser colocar em cima do nome do blog, igual ao que eu fiz, adicione o gadget que fica em cima do cabeçalho - o da imagem)

Adicione o código abaixo, e mude todos os nome VERMELHO pelos respectivos links das suas redes sociais.

<center><a href='LINK DO FACEBOOK'><img class='borderimage' height='25' src='http://i43.tinypic.com/2njah5u.png' width='25'/></a> 

<a href='LINK DO TWITTER'><img class='borderimage' height='25' src='http://i43.tinypic.com/2qch7oj.png' width='25'/></a> 

<a href='LINK DO TUMBLR'><img class='borderimage' height='25' src='http://i39.tinypic.com/riuhk4.png' width='25'/></a> 

<a href='LINK DO INSTAGRAM'><img class='borderimage' height='25' src='http://i43.tinypic.com/efo12a.png' width='25'/></a> 

  <a href='LINK DO FEEDBURNER'><img class='borderimage' height='25' src='http://i43.tinypic.com/ri6sf7.png' width='25'/></a></center>

COMO DEIXAR A FOTO DO AUTOR COM BORDA DIFERENTE?

Bom, como vocês viram lá no layout, as bordas da minha foto tá diferente, mas é muito fácil de fazer com a sua, siga o passo-a-passo:

-O gif ficou meio ruim, mas é o seguinte: (O programa usado é PhotoScape) Selecione a foto que você deseja e escolhe uma boda. A que usei foi Cali 08, as bordas fica com um aspecto borrado, mas você pode usar qualquer uma.

A parte que fica a foto nesse layout é branca, mas alguns vestígios de rosa no fundo, para não correr risco de ficar um quadrado branco ali, deixei transparente a parte branca. Para deixar transparente, você não precisa baixar nada, existe um programa online muito bom Editor de Fotos Online. 

Vá em: Escolher imagem - Enviar

Escolha a aba Wizards - Clique em Transparencia

Clique na parte onde você quer que fique transparente. (Eu cliquei na parte de fora da foto, a parte branca).

E voilà, imagem transparente - Salve e adicione um Gadget de Imagem e adicione a foto.

DESCRIÇÃO COM LINK EMBUTIDO

Você em: Layout - Adicionar Gadget - HTML/JavaScript (coloque em baixo da foto). Escreva o desejar, e para colocar o link, adicione o código abaixo em qualquer parte do seu texto. Você pode continuar a escrever depois do código quando você salvar, irá ficar tudo junto.

<a href="COLOQUE O LINK QUE QUISER AQUI" target="_blank">CLIQUE AQUI</a>

LETRA DAS GUIAS

Apenas, edite os nomes e deixe todos com LETRA MAIÚSCULA.

PS: Qualquer problema/dúvida, comente aqui ou mande um email para: bombrildoce@hotmail.com

JAMAIS TIRE OS CRÉDITOS!

E ai meu povo, o que acharam? Usável?