Caso alguma imagem do blog não esteja aparecendo, por favor, avise nos comentários da postagem em questão!

15/11/2011

NOVO: Personalizar o "Jump Break" (Leia Mais)

Todo mundo já deve ter usado o "Jump Break" pelo menos uma vez no seu blog, não é verdade?
O "Jump Break" nada mais é do que um link que podemos colocar na postagem para que ela não apareça inteira na página inicial do blog. Apenas após de clicar no link o visitante irá ver a postagem inteira, em sua página individual. No padrão do blog, o link é simples, tem apenas o texto e geralmente não chama muita atenção. Para adicioná-lo na postagem, basta posicionar o cursor do texto no lugar que você quer que o "Jump Break" fique e clique na folhinha rasgada que está na barra de ferramentas do formulário de postagem (entre adicionar vídeo e alinhamento).
Na verdade o código é bem simples, mas o tutorial tem que ser seguido com bastante atenção... Eu recomendo que você faça antes num blog de testes, ou guarde uma cópia do seu template.

Mas vamos ao que interessa, vou colocar a explicação e alguns exemplos de imagem caso você queira colocar no seu blog também. Ah, recomendo que você coloque um jump break na sua postagem mais recente, para que a nova imagem apareça na visualização.

1. Vá na aba Modelo > Editar HTML (caixinha branca abaixo da miniatura do seu template);

2. Copie o seguinte código:  <data:post.jumpText/>
3. Clique em qualquer parte do seu HTML e aperte Ctrl+F no seu teclado;
4. Na caixinha que abriu (Search), cole o código que você acabou de copiar e aperte a tecla "Enter";
5. O trecho que ficou em destaque é o que vamos modificar. Substitua ele por: <img src='URL_DA_IMAGEM'/>
6. No lugar de URL_DA_IMAGEM você coloca o endereço da imagem que você escolheu (lá no final do post tem dez diferentes);
7. Agora, localize o seguinte trecho: ]]></b:skin> (do mesmo jeito que você localizou nos passos 3 e 4);
8. Antes desse trecho, cole o código a seguir, que vai determinar se seu link vai ficar na esquerda, na direita ou no centro: .jump-link{text-align: center;}
Se você quer o Jump Break na esquerda, troque center por left, e se quiser que fique na direita, troque por right
9. Seu novo jump break só vai aparecer na visualização se você tiver uma postagem na página principal com um Jump Break já colocado. Clique em " Salvar modelo ".

Agora vamos a alguns exemplos de imagens que você pode usar. Lembrando: clique com o botão direiro na imagem e copie o endereço dela para colocar no código. Você também pode salvar a imagem e hospedá-la em algum site.




Qualquer dúvida, deixe um comentário, ou vá na minha página do Facebook.

Mil Sweetkisses,
9 Comentários
Comentários

9 comentários:

  1. Belezaaaa de post, eu já tentei fazer mais não conseguiiii... depois vou fazer um teste e se conseguir faço ele no meu Blog que é este aqui: http://direitosdesermulher.blogspot.com/
    É meu tbm, fique a vontade pra fuxicar!! Bjs

    ResponderExcluir
  2. Oiie, muito obrigada pelos elogios lá no blog ^^
    Também amei o seu, já vou seguir aqui e pegar meu selinho também, thank you =(^.^)=

    http://out-of-orbit.blogspot.com/

    ResponderExcluir
  3. Oi!
    Visitando alguns Blogs, encontrei o seu! Seguindo)))
    Aproveitando para te convidar para conhecer o Blog e participar da Promoção: http://pollymomentos.blogspot.com/2011/11/promocao-200-seguidores.html
    Abraços...

    ResponderExcluir
  4. Oii linda, obrigada por ter gostado do meu blog, amei teu cantinho tambem, já aprendi umas coisinhas haha'
    obrigada pelo selinho, sempre és bem vinda no meu blog, e sempre estarei lhe visitando, beijos:*

    http://oamorhadevencer.blogspot.com/

    ResponderExcluir
  5. Adorei as dicas bem legais para quem não conhece:)
    www.tudoofake.blogspot.com

    ResponderExcluir
  6. É sempre muito útil! :) Eu prefiro não usar, mas pra quem costumar fazer posts muito grandes, é uma ótima opção :)

    Beeeijos

    ResponderExcluir
  7. Passei uma tarde procurando essa informação e nada. Procurei inclusive em sites e blogs que se dizem "profissionais" no assunto e nada. Finalmente encontrei aqui nesta postagem. Muito Obrigado. Valeu!
    http://luizmurialdo.blogspot.com/

    ResponderExcluir
  8. Uhuhuhu santo DSM.... amiga já te contei que meu nome de Solteira é Daniela Sousa Mendes??? tudo que eu fazia eu colocava a abreviação DSM acho que é por isso que curto tanto esse blog...kkkkkk

    ResponderExcluir
  9. Agradeço pelo tutorial, foi-me de grande serventia.

    Parabéns pelo blog!

    ResponderExcluir

Related Posts Plugin for WordPress, Blogger...
Posts relacionados