16/02/2013

Colocar "Leia Mais" na postagem do blog.

Bom, eu vou ensinar hoje como fazer aquele "Leia Mais" na postagem, bom eu iria trazer alguns exemplos como o meu mas não achei e nem tive tempo de fazer, então eu peguei uns outros que também são fofos e que dá pra usar no seu blog. 
Clica em leia mais pra saber.


Bom primeiro você vai em Modelo e depois em Editar Html, marque a opção "Expandir Modelos de widgets" Aperte Ctrl+F
E procure pela tag <data:post.jumptext/>
Apague esse tag que você acabará de procurar
...
Aonde você apagou você cola esse codigo: 
<p align='right'><a expr:href='data:post.url'><img src='Link da imagem aqui'/></a></p>
  
Aonde está escrito "Link da imagem aqui" Você coloca a URL de uma dessas imagens que eu vou disponibilizar aqui: 

Imagens retiradas de: Kelly Club

Imagens retiradas de: Abs
   
Agora algumas imagens diferentes, bom não sei explicar o tal DIFERENTE mas elas são gifs ou brilham ou tem um tipo de estilo diferente. 
É só copiar o codigo que está abaixo da imagem e colar no "Link da Imagem aqui"

 
<img border='0' onmouseout='this.src=&apos;http://i.imgur.com/eo1m2.png&apos;' onmouseover='this.src=&apos;http://i.imgur.com/eTYhs.png&apos;; return true' src='http://i.imgur.com/eo1m2.png'/>



<img border='0' onmouseout='this.src=&apos;http://i.imgur.com/eWFP8.png&apos;' onmouseover='this.src=&apos;http://i.imgur.com/FHNfD.png&apos;; return true' src='http://i.imgur.com/eWFP8.png'/>



<img border='0' onmouseout='this.src=&apos;http://i.imgur.com/oQTJO.png&apos;' onmouseover='this.src=&apos;http://i.imgur.com/DEsev.gif&apos;; return true' src='http://i.imgur.com/oQTJO.png'/>



<img border='0' onmouseout='this.src=&apos;http://i.imgur.com/v9zVo.png&apos;' onmouseover='this.src=&apos;http://i.imgur.com/PScl7.png&apos;; return true' src='http://i.imgur.com/v9zVo.png'/>
 
imagens retiradas de: Chocolovers
           
Agora como vai deixar essa imagem aparecendo no post, quando você for escrever seu post e quiser que logo abaixo apareça a imagem você clica nesse ícone  É só clicar nele que logo vai aparecer uma linha cinza com alguns pontinhos, e assim você escreve o que quer em baixo da linha que de fato irá aparecer depois de "Leia Mais" 

Espero que tenha ajudado ! Até mais.


8 comentários:

  1. Oi Cams :3, bom eu to mudando a aparência do meu blog e eu queria saber como tu coloca esses "quadros" ali no canto! E queria saber também como tu faz pra colocar aquela coisinha rosa com o Welcome em cima, tu pode me explicar? É meio urgente pleaseeee

    ResponderExcluir
  2. legal, pelo menos vc deu os creditos ao meu blog. foi honesto com as imagens.
    o ABS agora eh Quatro Estações.
    bjs

    ResponderExcluir
  3. Hey Camila, é a Laryssa. O modelo do HTML é o novo. é colorido. eu procurei essa Tag e não achei. Como faço?

    ResponderExcluir
  4. Amei *-* Muito perfeito :3

    ResponderExcluir