27 junho 2012

Tutorial: Como colocar Leia Mais no Blog e como trocar o leia mais!

Fiz esse tutorial especialmente para a Gabi**,mas quem quiser usar,também pode.Se reblogar,dê créditos,ok?
Gabi,você já tem leia mais no Tudo Barbie,quando quiser usar é só clicar no botão,e se quiser trocar é só procurar o código que te mandei em um comentário e substituir pelo outro!

Para quem vai por pela primeira vez Leia Mais no Blog!

 Em "Design" e "Editar HTML" com a caixinha "Expandir modelos de widgets" marcada, aperte "Ctrl + F" e procure pelo código:


<data:post.jumpText/>
e troque por:


<img src='endereço da sua imagem'/>

ou se preferir colocar imagem e texto substitua por:
<img src='endereço da imagem' style='vertical-align:middle;border:0'/>Leia mais...

Em Leia Mais,coloque o texto que querer (Continue Lendo,Saiba Mais,Mais Informações,etc....)

Agora é só salvar!Toda vez que querer usar o Leia Mais,clique nesse botão:


Para Quem vai substituir o Antigo pelo Novo!


Vá 
 Em "Design" e "Editar HTML" com a caixinha "Expandir modelos de widgets" marcada, aperte "Ctrl + F" e procure pelo código do seu antigo leia mais
Ele ficará destacado em laranja.Selecione-o todo e apague.Agora,é só colar o código do novo onde estava o código do antigo!






Espero que tenham gostado!
Abraços,Sááh!


130 comentários:

  1. Oii flor obrigada vai meio dificil achar o codigo com tanta coiisa

    ResponderExcluir
    Respostas
    1. Ok!Já te mandei o codigo do leia mais no seu blog!Ai é só vc fazer td que está no tuto,mas não procure , procure o código que te mandei (isso no Tudo Barbie) e não cole
      src='endereço da sua imagem'/>, só o código da imagem,entendeu?
      Abraços!

      Excluir
    2. Entra la no tudo barbie ja fiz a nova postagem

      Excluir
    3. mas eu amei o leia mais que você colocou nos outros blogs ai eu coloco o codigo da imagen que naquele dia você postou estou certa ? ai eu procuro o proprio ai eu vou substituir pelo proprio codigo daquela postagem do leia mais lembra ?

      Excluir
    4. VOu te explica direito no seu blog!
      Abraços!

      Excluir
  2. Amei mas porque não esta o outro continue lendo da raquelle ?

    ResponderExcluir
    Respostas
    1. Porque é para combinar!
      Abraço!

      Excluir
    2. Sabrina você pode mim mandar um convite de ADM só para eu postar um selinho para o seu blog ai eu coloco só a foto ai você vai e coloca o texto que você quizer mas o selo eu quero so para o seu blog. ok você acc ??

      Excluir
    3. Posso Sim!Vou mandar!
      Beijo!

      Excluir
    4. Já mandou onde eu acc ?

      Excluir
    5. Já mandei!Vc tem que entrar no seu hotmail,rs!Abraços!

      Excluir
    6. Ai eu faço o meu texto ai você edita se quizer tá :?

      Beijiinhos

      Excluir
    7. Floor eu fui lá na caixa de entrada e não acheii ?

      Excluir
    8. Pode fazer o texto!!Estranho,mas eu te mandei!Não tem nada como: "Você foi convidado a contribuir...."
      É só esperar um pouco,o blogger as vezes atrasa,xD

      Excluir
    9. Dei um tempinho sai do computador e agora fui la no hotmail e não acheii estranho '

      Excluir
  3. Que lindo seu blog flor!
    Eu adorei tudo por aqui!
    Já estou seguindo!!!
    Beijos <3

    P.S: Adoraria se você me seguisse de volta.

    ResponderExcluir
    Respostas
    1. Que bom que achou isso fofa!
      Obrigada por seguir!
      Sigo sim!

      Abraços,Sááh!

      Excluir
  4. Bom dia,estou bem sim,e você?
    Sério,fico suuper feliz que goste♥Obrigada!
    Vou passar sim,claro! Ótima semana para você também!Beijo!

    ResponderExcluir
  5. Oi lindinha ! Ja sehui seu blog ! Segue o meu ??

    meumundobarbiie.blogspot.com.br

    Beijos fofa! Amei o Blog viu !

    ResponderExcluir
    Respostas
    1. Oii...obrigada por seguir!Sigo sim!
      Own't,que bom que amou!

      Abraços,Sááh!

      Excluir
  6. Poxa Sááh,adorei o post,inclusive se o utilizei em meu blog,valeu a dica!
    Bjos Pink

    ResponderExcluir
    Respostas
    1. Fico feliz que tenha sido útil para você,Bárbara!

      Grande beijo >.<

      Excluir
  7. Muito obrigada pela dica! Finalmente consegue diminuir o tamanho da barra do blog!

    Muitos beijos! :**

    ResponderExcluir
  8. Meu Deus, o blog não é meu e eu não sabia como colocar muito Obrigado mesmo!!!

    ResponderExcluir
  9. Seu blog é muito lindo ! Ótimo tuto... Parabéns !

    ResponderExcluir
  10. Este comentário foi removido pelo autor.

    ResponderExcluir
  11. O meu ta dando prblrma e não ta apareceno a imagem....

    ResponderExcluir
    Respostas
    1. Deve ser algum erro de cadastramento.. Experimente postar a imagem num blog de testes e , clicando no botao direito do mouse, clique em copiar url da imagem. Lembrando que isso que te expliquei. agora so funciona no chrone.

      Beijoos

      Excluir
  12. No meu a imagem ficou em cima de um leia mais... e naum funcionou naum pq o post ta todo inteiro

    ResponderExcluir
    Respostas
    1. Você fez ccorretamente ? A maioria das pessoas que seguiu esse tutorial deu certo

      Beijos

      Excluir
  13. nossa que blog lindo adorei a dica, se querer podemos fazer parceria.

    ResponderExcluir
    Respostas
    1. Obrigada :3
      Podemos sim, assim que me colocar lhe coloco

      //~Goodbye, Sáah~//

      Excluir
  14. meu e-mail matrixp28@bol.com.br tenho um blog na area de educação se vc quiser me manda um e-mail ok

    ResponderExcluir
    Respostas
    1. Ook, qual o link de seu blog ?

      //~Goodbye, Sáah~//

      Excluir
  15. Obrigada! Salvou minha vida! Beijoooos!

    ResponderExcluir
  16. Vejo que arrumou o Home que antes estava homu kkkkkk

    ResponderExcluir
  17. Que lindooo seu blog ameeiiii!!!!!!!!!!!!!!
    Parabéns...Teu blog é um Sucesso mesmo!!
    teu blog é muito FAMOSO .!! Amei muito adoro a Barbie seu blog é Delicado,fofo,vc é uma ótima escritora !! Parabéns parabéns parabéns Muitos parabéns .!
    Olha pode contar comigo tudo oque você precisas ok? Beijão

    ResponderExcluir
    Respostas
    1. Obrigada fofa C:
      Owwwwwwwwn, gracias aushauhsuahsuahsuhauhsuah. Obrigada por tudo, me senti emocionada aqui !
      Conto sim fofa xD

      Kissus!

      Excluir
  18. Muiito bom, só queria saber como colocar a imagem do Leia Mais no lado direito do blog... porque fica no lado esquerdo e fica meio artifícial :s

    ResponderExcluir
    Respostas
    1. Então, eu também não sei, se soubesse te ensinava :3

      Kiss, Sáah

      Excluir
  19. Amei o tutorial ajudou muito já tô seguindo ok?
    Bjinhos Vick♥//Princesa de All Star

    http://princesadeallstar-vick.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Fico feliz por gostar e obrigada por seguir :D

      Excluir
  20. Respostas
    1. É só clicar no botão "Follow" :D


      Kiss, Sáah

      Excluir
  21. Consegui achei já to seguindo!:D

    Bjinhos Vick//Princesa de All Star

    ResponderExcluir
    Respostas
    1. Ok, seguirei o seu também :D

      Kiss, Sáah

      Excluir
    2. Muito obrigada admiro muito seu blog!

      Bjinhos Vick♥//Princesa de All Star

      Excluir
    3. Own, fico feliz por nos admirar <3

      Kiss

      Excluir
  22. Adorei !! se puder me seguir http/www.mundode-garotas.blogspot.com

    ResponderExcluir
  23. Oie obg se tiver leia mais no meu blog é graça a vc

    ResponderExcluir
  24. o tutorial super me ajudou, era bem o que eu estava procurando, (:
    bjs

    http://window-soul.blogspot.com.br

    ResponderExcluir
  25. olá eu fiz conforme mostrado acima em meu blog e coloquei uma imagem mais ela ficou a esquerda do post e eu quero q ela fique no meio do post poderia me ajudar porfavor.

    ResponderExcluir
    Respostas
    1. Realmente não dá para mudar a posição do leia mais, ela é posicionada assim, e não dá para muda-lo porque não tem nenhum código de alinhamento (align). Então não dá para mudar. Uma dica é montar a imagem com os objetos no meio, que nem eu faço aqui no blog, mas monto-as no lado direito :D

      Beijoos

      Excluir
    2. Como não? dá sim!

      No tutorial, depois de você informar o endereço da imagem tem o seguinte:

      Style='align-vertical:middle;border:0'

      troque esses códigos por

      Style='float:right'

      e pronto, vai ficar alinhado à direita

      Excluir
    3. Não! "Style='align-vertical:middle;border:0'" é o alinhamento e estilo do TEXTO não da imagem :D

      Excluir
  26. Seu blog é d+++! Sempre acho nele oq preciso! me ajudou mt, visita meu blog , pra ver como ficou o leia mais !

    mysecret111.blogspot.com

    ResponderExcluir
    Respostas
    1. Obriigada flor. Fico muito felix por ter ajudar. Visito siim!


      Beijoos <3

      Excluir
  27. Eu usei o tutu lá no Princesa de All Star ok?
    Bjinhos Vick♥

    http://princesadeallstar-vick.blogspot.com.br/

    ResponderExcluir
  28. Me ajudou muito mais quando eu fui colocar no meu blog so apareceu o Leia Mais, iai como faço ? ou é pra ficar assim mesmo.

    Visita ??http://blogpapocorderosa.blogspot.com.br/

    ResponderExcluir
  29. Obg, me ajudou muuuito!!! :) *-*

    ResponderExcluir
    Respostas
    1. Fico feliz por ter ajudado, linda ><

      Beijoos ♥

      Excluir
  30. Adorei,me ajudou muitoooo
    minhas-confissoes-2012.blogspot.com
    to seguindo o seu ;)

    ResponderExcluir
    Respostas
    1. Fico feliz por ter ajudado .< Te seguirei tbm!

      Beijoos <3

      Excluir
  31. Perfeito o tutorial !!! Adorei mesmo.Sou meio que iniciante nesses pontos gráficos de blog e ajudou bastante !!!


    Visita meu blog (inclusive leitoras intereçadas)??
    atual-sempre.blogspot.com.br
    Se gostar , segue ??
    Beijos de glitter.

    ResponderExcluir
    Respostas
    1. Fico feliz (: No começo mesmo, ajuda bastante (: Depois você acaba gravando os códigos de tanto usá-los.
      Visito siim!

      Beijoos

      Excluir
  32. Sáah me ajuda D:

    Eu acho que sem querer apaguei o codigo... Que que eu faço??? E eu ja tinha colocado um leia mais affz

    ResponderExcluir
    Respostas
    1. Faz assim: pega o código de novo e edita tudo de novo ^^ Se não conseguir volta aqui e avisa.

      Beijoos

      Excluir
  33. Nossa, me ajudou muito!
    Tava procurando isso a um tempão, obrigada mesmo! *O*

    ResponderExcluir
    Respostas
    1. Fico feliz por ter ajudado haha.

      Abraço ;)

      Excluir
  34. Ah! :c Nããwm consegui :cc
    Na hora de salvar o modelo, dá erro :c

    ResponderExcluir
    Respostas
    1. Faz de novo, você deve ter apagado algum código a mais ><

      Abraço ;)

      Excluir
  35. Olá, gostaria de saber como eu mudo "Mais informações" parta "Leia mais", tipo, eu não quero imagem, só quero mudar o texto, e não sei como fazer. HELP!!

    ResponderExcluir
    Respostas
    1. Flor, é só ir em Layout. Lá tem um gadget escrito "Postagens do Blog", em que você clica em "Editar", e onde está escrito "Mais Informações" apaga e escreve "Leia Mais"

      Beijoos <3

      Excluir
  36. oie,flor como vai?
    Bom dia,estou te seguindo amei aki
    se quiser junte-se a nós:
    http://blogdabrendinha10.blogspot.com.br/
    Equipe BB10

    ResponderExcluir
    Respostas
    1. Vou bem e você ;)?
      Vou seguir seu blog :DDD

      Beijoos

      Excluir
  37. Oi não cosngio achar o

    ResponderExcluir
  38. Ok,mas nesses endereço da sua imagem o que eu coloco?

    ResponderExcluir
    Respostas
    1. O URL da imagem que quer colocar como Leia Mais

      ~Beijos

      Excluir
  39. Querida segue meu blog??

    Maranapassarela.blogspot.com

    ResponderExcluir
  40. Muito Obrigado, e parabéns pelo belíssimo Cantinho^^

    ResponderExcluir
  41. EU TENTEI FAZER ISSO MAIS NÃO CONSEGUI ,E AGORA NÃO ESTOU MAIS CONSEGUINDO CLICAR NOS LEIA MAIS

    ResponderExcluir
    Respostas
    1. Reinicia seu modelo e tenta novamente :)

      Excluir
  42. como faço pra pegar o link da imagen?

    ResponderExcluir
    Respostas
    1. Se você usar o chrome, clica no botão direito do mouse e em "Copiar URL da imagem".

      Excluir
  43. Adorei seu blog, muito criativo , e adorei o post, ja estou seguindo você, me segue tambem ? http://jessiicafernandaa.blogspot.com.br/.. beijoos floorr *-*

    ResponderExcluir
  44. Oi tudo bem? Queria saber se vc esta aceitando afiliados se sim o meu blog é esse http://eueomeuallstar.blogspot.com.br/ bom um grande abraço.

    ResponderExcluir
  45. oi! lindo blog!
    preciso muito desse post só que nunca consigo pq, nó meu
    "editar HTML não tem a opção "expandir modelos de widgets""!
    o que eu faço???
    sempre tenho esse problema! sabe como posso fazer?
    Beijinhos!

    www.cantinhodasloucuras.blogspot.com

    ResponderExcluir
    Respostas
    1. a opção "expandir modelo de widgets" não existe mais graças ao novo html do blog.
      Acho que aq (http://24horasnaweb.blogspot.com.br/search/label/Hacks) tem um tutorial no novo html) ;))

      bjs~

      Excluir
  46. Mas como eu faço com o novo HTML?

    ResponderExcluir
    Respostas
    1. http://24horasnaweb.blogspot.com.br/search/label/Hacks << acho que aqui tem um tutorial!


      bjs~

      Excluir
  47. eu achei esse blog que ensina no novo html do blogger

    http://24horasnaweb.blogspot.com.br/search/label/Hacks

    ResponderExcluir
  48. No meu blog não tem esse codigo

    ResponderExcluir
  49. Oiie ! Muito obg viu ? Eu não achava este tutorial (que é mega fácil) em lugar algum ! Queria permissão para reblogá-lo, XOXO, Naty Grego

    from: www.itlooksme.blogspot.com

    ResponderExcluir
    Respostas
    1. kkk, vejo esse tutorial em vários blogs, na verdade. Claro que pode reblogar, Naty!

      Beijos

      Excluir
  50. Oi gostaria de saber se vc aceita se afiliar no meu blog>>>http://distractionsofaagirl-oficial.blogspot.com.br/
    se sim comenta lá que eu já coloco
    bjs

    ResponderExcluir
    Respostas
    1. Vou visitar lá e vejo se aceito ^^

      Beijoos xX

      Excluir
  51. Ai, obrigada *-* Eu já tinha feito um Layout com todas essas coisas e com um leia mais todo fofinho!! Só que eu não sabia que tinha que clicar naquele botão na hora do Post... Beijos!

    www.tamirissindice.blogspot.com

    ResponderExcluir
    Respostas
    1. Por isso que tem que ser um tutorial bem explicadinho, né? hahaha *-* Obrigada você, pela visita.

      beijão!

      Excluir
  52. O meu não tem a caixinha expandir modelos de widgets

    ResponderExcluir
    Respostas
    1. Esse novo html não tem mais isso, mesmo. É só pular esta parte do tutorial.

      Beijoos! ♥

      Excluir
  53. Eu procuro no novo HTML mas não acho. O que eu faço?

    ResponderExcluir
  54. show adorei... rs vlw
    e sem esterótipos.... cm migo viu meninas.

    ResponderExcluir
  55. Não conseguir achar o codigo da minha antiga imagem no HTML eu estou com o código da minha antiga imagem

    ResponderExcluir

.Não gostou do blog? Cada um tem o direito de gostar ou não gostar, claro, mas expresse isso de modo civilizado, sem palavrão e ofensas.
.Não tenho nada contra o famoso ''seguindo, segue de volta?'' desde que você comente pelo menos algo sobre o post.
.Eu sempre comento de volta, e se gostar do blog, sigo.
.Viu alguma coisa sua aqui? Me contate e discutiremos o assunto.
Obrigada pelo comentário!