tutorial

Colocar "Leia Mais" na postagem do blog.

fevereiro 16, 2013,8 Comments

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.


Tags: tutorialAuthor: Camila Homs

Lorem ipsum dolor sit amet, cotur acing elit. Ut euis eget dolor sit amet congue. Ut vira codo matis. Sed lacia luctus magna ut sodales lorem.

You Might Also Like

8 comentários:

  1. Rafaela16 de fevereiro de 2013 às 16:13

    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. winchester and lightwood16 de fevereiro de 2013 às 18:06

    Funcionou no meu.. Obrigada :)

    ResponderExcluir
  3. Jenifer dos Santos12 de março de 2013 às 18:41

    Peguei aqui :)

    ResponderExcluir
  4. Daniela9 de abril de 2013 às 23:17

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

    ResponderExcluir
  5. Laryy24 de abril de 2013 às 20:31

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

    ResponderExcluir
  6. Adriane Modesto4 de maio de 2013 às 18:22

    peguei amores :)

    ResponderExcluir
  7. Anônimo28 de maio de 2013 às 19:27

    Amei *-* Muito perfeito :3

    ResponderExcluir

Assinar: Postar comentários (Atom)