15 janeiro 2012

Tutorial: Como Colocar Imagem de Leia Mais

Tumblr_lxv4sy7o6w1qghfooo1_500_large

No post anterior falamos como colocar Leia Mais. Agora, vamos falar como se substitui o texto por uma imagem. Fica mais personalizado. O nosso tem uma imagem de um moustache. E ainda fizemos algumas imagens para você usar!
É um tutorial muito fácil e rápido, mas tem que mexer em HTML. Preparada? Então clique em Continue Lendo:

Vi o tutorial no Cherry Bomb (estou totalmente viciada naquele blog!!) e decidi colocar aqui também.

Primeiro você tem que fazer uma imagem no Photofiltre, photoscape, ou qualquer outro editor de imagens (ou pegar um daqui no final da página-creditando, claro). Recomendo o tamanho -em pixels- de 200 por 150.


Depois, você tem que hospedá-la, ou seja, criar um link para ela no site Tinypic. (Ensinamos a usá-lo nesse post aqui).
Já tem o link? Vá no seu blog.
1- Clique em Design

2- Depois, vá em Modelo e em Editar HTML

3- Clique em Prosseguir.

4- Aperte Ctrl+F e vai aparecer uma barrinha com caixa de texto. A partir daí, siga as instruções abaixo:

Escreva na caixa de texto (ou seja, procure) o seguinte código:
<data:post.jumpText/>
 Achou? Apague-o.
No lugar dele, coloque isso:
<p align='right'><a expr:href='data:post.url'><img src='Link da imagem aqui'/></a></p>
No lugar que está em verde (link da imagem aqui) coloque o link da sua imagem. Cuidado para não apagar as aspas.
Visualize, se funcionar, clique em Salvar Modelo, se não, faça novamente com mais atenção.

Super fácil, né?
Ah, e aqui estão algumas imagens para vocês. São bem simples e básicas, e o link está debaixo de cada imagem.
Regras: Proibido reblogar e dizer que foi você quem fez. Credite e avise nos comments.


View Full Size Image

View Full Size Image
http://i43.tinypic.com/2afd8qc.png

View Full Size Image
http://i40.tinypic.com/4jq6gl.png
View Full Size Image
http://i44.tinypic.com/50glyx.png


Espero que tenham gostado. Lembre-se: se usar credite, e avise nos comentários ;D
Qualquer dúvida, em falem.
Kisses, Vickie.





9 comentários:

  1. Oi Vickie! Eu tentei colocar a imagem no meu blog, mas acontece que toda vez que eu tento, eu não consigo encontrar o código Aparece que ele não existe, o eu faço?
    www.gatasdebottas.blogspot.com.br

    ResponderExcluir
  2. Eu não consigo achar o código, o que faço?

    ResponderExcluir
    Respostas
    1. oi flor, bom, deve ter um script impedindo, aí tem que ver... :/ bjss

      Excluir
  3. Respostas
    1. Heloo eu acho que esse código aí tá com defeito USHUAHUSHAUH pq ngm consegue :p u-ù
      Ó os comentários de cima OOO:
      #medo hahahaha
      beijoss

      Excluir
    2. Vickie acho que posso ajudar. No canto esquerdo da caixinha de códigos tem uns números e ao lado de alguns deles tem setinhas é só clicar nelas que os códigos ocultos irão reaparecer. ;)

      Excluir
  4. Olha Vickie, amei, estou usando o primeiro:
    http://i39.tinypic.com/f54o6s.png

    ta? Ah, obrigado pelos comments no meu blog e por ser uma grande amiga. Um beijão. Tchau.

    ResponderExcluir
  5. Oi adorei o seu blog posso resumir ele em uma única palavra PERFEITO peguei as imagens mas creditei tá??

    ResponderExcluir