Internet

Colocando link de Leia mais no blogger

Aos novatos no mundo do blogger, existe um hack para que seja criado um link de Leia mais em cada postagem.

Blogger

Muita gente não sabe, mas o blogger disponibiliza algumas explicações de como inserir recursos no seu blog. Como isso não é o bastante, vou explicar aqui como inserir esse recurso no seu blog.

Primeiramente você terá que ir na parte de edição do seu tema. Marque a opção expandir modelos widgets.

Em seguida procure pelo código css do seu tema. Para identificar, basta prestar atenção no código que está acima da tag body do seu tema e dentro das tags <style> </style>. Agora vocÊ deve adicionar o seguinte código

(para modelos clássicos)
<MainOrArchivePage> span.fullpost {display:none;} </MainOrArchivePage> <ItemPage> span.fullpost {display:inline;} </ItemPage>

ou

(para layouts)
<b:if cond='data:blog.pageType == "item"'> span.fullpost {display:inline;} <b:else/> span.fullpost {display:none;} </b:if>

Esse código faz com que a postagem completa só seja mostrada em páginas de postagem.

Agora adicione o seguinte código em seu modelo, após a tag <$BlogItemBody$> ou :

(para modelos clássicos)
<MainOrArchivePage><br /> <a href="<$BlogItemPermalinkURL$>">Leia mais!</a> </MainOrArchivePage>

ou

(para layouts)
<b:if cond='data:blog.pageType != "item"'><br /> <a expr:href='data:post.url'>Leia mais!</a> </b:if>

Este código gera um link Leia mais que só será exibido na página principal e nas páginas de arquivos e redirecionará o seu leitor para as páginas de postagem que contêm o texto da postagem completo. Você pode trocar o texto “Leia mais!” por qualquer outro que você preferir.

Agora aplicando isso nas suas postagens, você irá escrever o texto e na parte que deseja que NÃO apareça na página inicial, coloque o trecho entre as tags <span class="fullpost"></span>

Isso deve ser feito em modo de edição html.

ex.

Este é o início da minha postagem. <span class="fullpost">E este é o restante dela.</span>

Pronto, agora suas postagens possuem o link Leia mais na parte que você definiu que deve ser mostrada.

22 comentários

  1. Pingback: atalhovirtual.com
  2. Pingback: diga cultura
  3. Pingback: domelhor.net
  4. Pingback: FixolaS
  5. Pingback: www.linkk.com.br
  6. Pingback: Anônimo
  7. Pingback: ouvidizer.com
  8. Pingback: pigg.com.br
  9. Pingback: websapiens.net
  10. Pingback: Samuel via Rec6
  11. Essa dica só funciona no modelo antigo do Blogger…pra funcionar no novo é o seguinte.

    Você vai procurar pela tag:

    Aí é só substituí-la pelo trecho abaixo:


    .fullpost{display:inline;}


    .fullpost{display:none;}


    Continuar lendo: ""

    e não precisa adicionar nada no até pq não existe…

  12. Mó istranhaum essi site… + é dahorinhàáh… ó genti qm quisé da uma passadinha no meu blog taí o site: wwwrebekinha.blogspot.com ,tem q escreve igual taí.não tem “.” depois do http://www.esse blog tem umas coisinhas para orkut,uns textos,ah si vc entra vc vai sabe o q tein.é um blog super-feminino.
    Tbm teim o meu blog científico,lá tem alguns textos,e vc tbm pode encomendar pesquisa,por comentário.

    bjos

  13. Eu tenho um blog template undergroud da btemplates. eu consigo acessar a ediçao de posts e o item que regula o leia mais. só que depois de tudo editado ele nao aparece na postagem. eu consigo inserir o jump break, mas o link nao aparece no post. como fazer? obrigado

  14. meu template, mesmo em ‘expandir modelos blablabla’, não tem o ): não deu certo! esse já é o quinto blog que eu visito pra tentar colocar o esse hack, e não funcionou de novo u____U

  15. Pingback: pics of lady ga ga

Participe da conversa

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *