terça-feira, 5 de julho de 2011

Personalizando o Hack ''Leia Mais''

Eu adoro esse hack  porque ele economiza muito espaço e da um ar de organização para o Blog. Ainda mais se o post for super grande Mini gif 145

1° Para adicionar ele na postagem é muito simples, escreva o post como de costume.Aonde você quer que fique suspenso selecine esse negócinho branco como mostra a imagem abaixo.
Note que apareceu um tipo de divisória. Abaixo é o que ficara suspenso, simples né?

Personalizando
Tem duas formas de personalizar o tal link!
 Éssa é mais fácil só vai mudar o nome do link, vá em elementos de pagina e faça como nas imagens abaixo!

 Essa vai mudar a imagem do link. Vá no seu htm marque a opção expandir modelos de wifgets e dê um ctrl f e procure por :
<data:post.jumpText/>
Substitua ''apague'' esse trecho e no lugar cole esse código >>
<img src='URL da sua IMAGEM'/>
substitua o trecho rosa pela URL da imagem desejada!

Como pegar a url ?
clique em cima da imagem com o botão direito do mouse e selecione '' copiar url da imagem ''. Só isso.

Eu fiz algumas aqui, mais vc msm pode criar sua imagem colocar em um site de hospedagem
exempo:http://imgur.com/ e pegar a url tá!

a imagem
the image

the image
the image
the image
a imagem

Bye qualquer dúvida comente !

54 comentários :

  1. Aii muito obg Jackie Fazia Meses q eu estava procurando como fazer isto e nenhum blog funciona só o seu deu certo mto obg msm :k:

    ResponderExcluir
  2. Não consegui encontrar: "" não tem no meu htm. :i:

    ResponderExcluir
    Respostas
    1. Você marcou a caixinha ''expandir modelos de widgets''?

      Excluir
  3. Talvez a LuanaK não colocou no botão Expandir. Só quando eu coloquei deu certinho. Tutorial muito legal, AMEI :h:

    ResponderExcluir
  4. Jackie, nao consegui colocar o Leia Mais td cute. Eu nao achei htm e fiz um post q so apareceu "Leia Mais". Queria q ele fosse mais bonitinho. Mas td bem, seu blog eh sempre beem explicadinho, vai ver eh pq eu to com a cuca quente!

    ResponderExcluir
  5. Muito obg pela atenção!Amoo vc♥rs'

    ResponderExcluir
  6. Estou no seu blog sempre!! amo ele♥

    ResponderExcluir
  7. Brigadu jackie seus tutu sempre os melhores..
    Te dolu

    ResponderExcluir
  8. jackie ja estou usando com creditos claro
    blogsimpegirl.blogspot.com

    ResponderExcluir
  9. :h: Estou usando um dos seus . Pode ver lá no meu blog , na página créditos :
    maniasdaluisa.blogspot.com

    ResponderExcluir
  10. :k: ameeeeeeeeeeeeeeeeeei, comoo sempre seus tutoriais são sempre bem explicadinhos, amei mesmo *-*
    http://thingsteen-oficial.blogspot.com/

    ResponderExcluir
  11. jaackie... eu to fazendo um noovo blog... e eu vou usar o hack leia mais com imagem... eu ja fiz a minha e ja coloquei.. mas fica alinhado a esquerda e eu queria que ficasse alinhado a direita\ (ps: n coloquei nenhum code pra ficar a esquerda) bjoos.

    cherry-miint.blogspot.com

    ResponderExcluir
  12. Obrigada pelo tutorial, eu usei um "Leia mais" daqui no meu blog,ok?
    http://perfeitamenteteen.blogspot.com

    ResponderExcluir
  13. :I: O meu não deu certo! Fiz igualzinho e deu erro!
    :l:

    ResponderExcluir
  14. Jackie eu não esse código :

    mesmo com o : expansão de widget !
    Oq eu faço ?

    ResponderExcluir
  15. Jackie, me ajuda :(
    Eu queria saber como eu posso fazer um menuzinho igual o seu, da página de goodies por exemplo...
    Aquele pontilhadinho, com minigifs...
    Amo o seu blog, me ajuda tanto <3
    Sem dúvida, um dos melhores *-*
    Arigatou ♥

    ResponderExcluir
  16. @Hino-Chan ♥ Então aquele menu era um tutorial do TRECHY TEEN, porém o blog foi hackeado e o tutu tbm :(

    Nesse caso não posso te ajudar!

    Beijus!

    ResponderExcluir
  17. Gostei do Tutorial ..
    Mim Ajudou mto ! :c:

    ResponderExcluir
  18. Ótimo tutorial Jackie! Eu fiz uma imagem "Leia Mais" no meu blog com letra estilizada e toda preta se alguém quiser pode pegar! O link da imagem é esse aqui: http://img850.imageshack.us/img850/4412/readmoresetinha.png

    mustachevintage.blogspot.com.br/

    ResponderExcluir
  19. Jackiee Ameeeeieee de PAIXÃO
    (http://aspaixoesdemeninas.blogspot.com.br/
    http://pm-apenasumameninanerd.blogspot.com.br)

    ResponderExcluir
  20. Flor posso pegar uma dessa imagem do Leia mais
    Sem colocar creditos ou precisa colocar?
    Beijão
    miilecharmedemeniina (.blogspot.com)

    ResponderExcluir
  21. Sem querer exclui o link do leia mais no HTML do blog e salvei. E agora?
    Por favor me ajude.
    Um beijo, Malú

    ResponderExcluir
  22. Achei lindas as imagens de continue lendo, obrigado por postar =D

    ResponderExcluir
  23. O único post que resolveu meu problema até hoje!! E olha que eu procurei hein!! Amei seu blog
    Beijos :e:

    ResponderExcluir
  24. Muito Obrigado , Me Ajudou Muito :)

    http://worldsthesims.blogspot.com.br/

    ResponderExcluir
  25. São 2 formas de adicionar o leia mais a primeira eu já sabia e queria o botão leia mais só que o que eu estou com duvida e que eu faço isso depois ou antes do post ?

    ResponderExcluir
    Respostas
    1. Aaah entendi Jackie vou usar imediatamente
      Obrigada guria !!

      Excluir
  26. Oi Jackie, posso reblogar e lhe dar os créditos?
    Eu tive alguns problemas nos comentários do meu blog e restaurei os widgets para o modelo padrão, aí sumiu o meu "leia mais" personalizado, tentei todos os outros jeitos, pois havia esquecido que o jeito que você ensinou foi perfeito. Aí queria reblogar para que outras pessoas que como eu, não estão conseguindo com os outros códigos disponibilizados. Beijos e obrigada pela ajuda!
    {desculpa a história longa, hahaha'}

    ResponderExcluir
  27. O meu n apareceu --------------->http://crazygirlsnovo.blogspot.com.br/

    ResponderExcluir
  28. Oi,por favor,poderia fazer um tutorial ensinando como tirar o leia mais automático,que já veio no html do template...
    agradeço

    ResponderExcluir
    Respostas
    1. Dai vc teria que perguntar pra quem fez o template, pq e não conheço a codificação e tals :x

      Excluir
  29. eu fiz mais ficou do lado direito como faço para ficar do lado esquerdo?
    http://femininaoficial.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. É só fazer a com a largura maior e com o desenho para o lado esquerdo

      Excluir
  30. Oi Jackie, eu peguei uma das imagens de "Leia mais" e coloquei no meu blog... Beijinhos.

    http://cantinhodak4mile.blogspot.com.br/

    ResponderExcluir
  31. Nossa, achei muito fácil! Mas admito, eu não sabia fazer isso! rsrsrs'
    Você me ajudou mais uma vez Jackie! Obrigada! ♥
    http://bijus-da-bel.blogspot.com.br/

    ResponderExcluir
  32. Muito lindo o blog amoreeee <3 ameeii, o tutorial também é PERRR! Faz um tempão que tentava colocar essa image de Leia Mais, porém, só com seu tutorial que consegui, tô super :33!
    Big big beijos!

    ameio.blogspot.com.br

    ResponderExcluir

.