Back + Imagens para leia mais igual a do blog + Tutorial

Oi meu povo lindo  ヾ(^∇^) voltei novamente para vocês. Dessa vez eu fui bem esperta, decidi entrar logo no meu computador, para dar uma testada no meu pai, se ele falasse algo é por quê  ele não me permitiu entrar mas ele não falou nada, então se ele não disse nada poderei postar normalmente para vocês, e dessa vez também apliquei  o nosso novo layout. Aquele antigo eu tinha deixado bastante tempo. Perceberam? então agora eu já fiquei acostumada em deixar os layout's mais tempo (amém) ♥(ノ´∀`)confesso que estou feliz~

Povo lindo da blogosfera, ultimamente tem parado muito, voltarei á responder os comentários normalmente, e desculpem se eu sumi do blog de vocês, eu não tenho comentado mesmo. Mas voltarei com tudo isso a partir de agora. Eu estou livre, sim para entrar e postar para vocês. Só não posso  ficar 24h por dia (claro). Pessoal, muitas pessoas tem essa dúvida de como pôr esse leia mais ocupando o espaço todo da área do post, então resolvi ensinar para vocês, vamos lá Cherrys~



Leia mais com Hover ~

Vá no seu HTML e  dê um ctrl + f e procure por: <data:post.jumpText/> apague e no lugar cole o seguinte código:

<img border='0' onmouseout='this.src=&apos;'url da imagem principal'&apos;' onmouseover='this.src=&apos;'url da imagem com o mouse em cima'&apos;; return true' src='url da imagem principal'/>
Os dois tutoriais são bem   fáceis, vamos para o próximo que no caso é o Leia mais igual o meu. Mas sem hover ~


Primeiro você tem que criar uma imagem para usar, e hospedá-la em algum site. Eu recomendo esse  clique aqui. Ou pode até pegar as imagens de leia mais que estão juntas com este post. Escolha apenas duas imagens. A normal e a pra ser a imagem hover e vamos lá \o/

Depois vá no HTML do seu blog (Modelo > Editar HTML). Aperte Ctrl+F e procure por: <data:post.jumpText/> 


Apague somente esse código, e no lugar dele coloque isso: 
<p align='center'><a expr:href='data:post.url'><img src='Link da imagem aqui'/></a></p>

É só colocar o link da imagem onde se pede e salvar as alterações. Para funcionar, você só precisa clicar nesse botão quando estiver fazendo o post, no lugar em que você quer que apareça o "leia mais".

Review this post, say what you think, if you pass the tutorial. No need to give credit (or yes) I hope you use some pictures, until next time, kisses ♥

13 comentários:

  1. Puxa que lay divo , *u* kawaii .
    Lindas imagens 0/

    Geekegirlie.blogspot.com || G² Official

    ResponderExcluir
  2. O novo layout está lindo *o* Adorei as imagens >33<

    Burning | Aqua

    ResponderExcluir
  3. Amei o layout , e as imagens do leia mais ! lindaaas <3
    Beijos!
    resenhando--nuvens.blogspot.com.br

    ResponderExcluir
  4. Ameii o layout ficou muito fofo.
    Que pena que o modelo de "leia mais" não deu certo :/
    Só da erro, já tentei os dois, mas ficaram lindos.

    Beijos <3
    http://p-perfectsthings.blogspot.com.br/

    ResponderExcluir
  5. Nossa que perfeitos, amei, nunca tinha visto assim *U* vou usar no próximo layout <3
    http://rainha-dos-sonhos-oficial.blogspot.com.br/

    ResponderExcluir
  6. amei o layout *---* os modelos para leia mais são lindos!

    kawaii-things.net

    ResponderExcluir
  7. Eu não sabia como fazer :v Obrigada pelo post, os modelos de Leia Mais são lindos *-*

    ResponderExcluir

❤ Ofensas e palavrões serão ignorados e excluidos.
❤ Seguindo, segue de volta?Sim mas fale um pouco do post.
❤Nada de pedir post pelo os comentários , se quiser algo vá na página peça .
❤Se quiser pode deixar a URL do seu blog , sempre vou retribuir a visita!
❤Perguntas/Dúvidas , serão respondidas :-)
❤Se não gostou, não use palavras ofensivas.

« »