Leia Mais do Blogger

Até agora implementar, o "Leia mais" só era possível editando manualmente seu HTML ou através de scripts num processo complicado e sujeito a erros. Nas comemorações de aniversário de10 anos o Blogger tem lançado novos recursos para facilitar a vida dos blogueiros e designers, o Jump Breaks é mais um desses presentinhos que ganhamos.O Blogger permite inserir um "Leia mais" com link para o post completo.


O novo editor de posts está disponível no Blogger in Draft . Note o ícone na barra de ferramentas. Escreva seu post e clic no ícone e verá que será inserida uma linha cinza pontilhada que poderá ser arrastada definir o texto que queira exibir na página inicial do seu blog.
image
Veja: image

Para quem não usa o novo editor de post (draft), não tem problema, o “Leia mais…” pode ser inserido no modo Editar HTML acrescentando <!-- more- -> onde você deseja posicionar a quebra de texto. Veja:
image

Quer mudar o texto "Ler mais" para algo mais do seu estilo? Não tem problema. Você pode editar na página “Layout” e em Postagens do blog clic em Editar. Na janela para configurações, mude o texto.
image

IMPORTANTE! Se você tem um template personalizado ou um modelo antigo, você precisa editar o seu HTML para permitir o Jump Breaks .
Acesse seu HTML:
<data:post.body/>
Nesta ordem:
  • Layout
  • Editar HTML
  • Faça backup de seu modelo
  • Procure pelo trecho abaixo (Use Ctrl + F)
    Imediatamente abaixo dele insira o seguinte código
    <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

    <b:if cond='data:post.hasJumpLink'>
    <div class='jump-link'>
    <a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
    </div>
    </b:if>
    Salve o template e prontinho! Está lá o “truque” ! Não é bacana?

    Colocando uma imagem no lugar de Leia Mais

    Substitua o código
    <data:post.jumpText/>
    por
    <img border="0" src="URL AKI"/>
    Para alinhar a imagem ou o texto

    coloque este código depois de um que termina more"'#> :
    <p align="xxxx">Read More</p

    substitua xxxx por Left, right, ou center. De acordo com o que deseja.

    Uma última uma nota, o recurso não altera a forma como o seu post aparecerá no seu feed. Você pode configurar opções indo para Configurações | Básico | Site Feed, e edição Permitir Blog Feeds.

    0 comentários: