22 maio 2015

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.





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?

Comente com o Facebook:

12 comentários:

  1. Que legal Mariana , ficou muito lindo , ficou algo mais clean *-* adorei *--* parabéns continue fazendo pois ficou lindo *--*
    beijooo

    ResponderExcluir
  2. Respostas
    1. Ai Lorena que bom que gostou. Fico muito feliz, obrigada! <3

      Excluir
  3. Achei bem bonito! Curti!
    Beijinhos
    www.UmPinguinho.com.br

    ResponderExcluir
  4. Este comentário foi removido pelo autor.

    ResponderExcluir
  5. Foi simples mas ta lindo, amei as dicas beijos

    http://www.angelimcosmeticos.com.br/

    ResponderExcluir
  6. Mari foi neste editor que você fez o cabeçalho do seu blog?
    http://blog-modaagora.blogspot.com

    ResponderExcluir
  7. Puxa eu definitivamente AMEI teu layou, mas n consigo baixar
    Tem problema se vc me enviar por e-mail?
    Bjs!
    resgatadapelorei.blogspot.com.br

    ResponderExcluir

Related Posts Plugin for WordPress, Blogger...