Tutorial Como Colocar Hacker Leia Mais No Blog

Hoje Vou ensinar como por Jump no Blogger assim facilita nossos leitores que gostam de deixar seus blog´s mais organizados.


Para você usar o "jump" você precisa tá com o editor atualizado do Blogger Você precisa:
Faça login em sua conta blogger;
Na primeira tela que surgir, procure pelo painel do seu blog e clique em Configurações, como ilustra o print abaixo:

Clicando em configurações você será direcionado ao painel de configurações do seu blog. A primeira página é a Básico. Permaneça nesta página, e procure por Configurações globais (fica quase no fim da página).
Ao achar você verá que há dois blocos de opções. O primeiro bloco é este:

Selecione a opção Editor atualizado. Feito isso clique em Salvar configurações. Está feito! Agora vamos a segunda parte deste tutorial.

Utilizando o recurso...

Com o recurso ativado vá até o painel de postagem de seu blog, Clique em Nova Postagem ou Editar postagens se for o caso.
Note que a área de edição de postagens mudou

 

Escreva o texto que você quiser, e quando chegar na parte que você quer resumir, basta clicar no ícone Jump break   e uma faixa será mostrada dividindo o texto

 

Clique em publicar postagem e esta pronto! Seu post já estará resumido na página inicial do blog, e isso acontecerá apenas nos posts configurados por você.

Depois De Ter Feito isso tudo você precisará configurar seu template para que o jump apareça!

www.downsmx.blogspot.com

Para ver o novo código, abra no painel do Blogger o menu “Design” ~> “Editar HTML” e clique em “Expandir modelos de widgets” para ver todas as linhas do código-fonte de seu modelo de template. Agora procure pelas seguintes linhas:

 <b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >

Se não encontrar essas linhas é sinal de que seu blog não está preparado para usar o novo recurso, então procure por:

<data:post.body/>

Isso tem em todo template e cole as linhas indicadas do novo hack logo ABAIXO disso, que tudo irá funcionar.

Bom, mas para alterar o link e adicionar imagens ou compor imagens e texto ao mesmo tempo, bastará modificar um pequeno trecho desse novo código. Localize a parte destacada acima de vermelho e altere como desejar. Lembrando que se modificar aqui manualmente, não poderá fazer as mais uso do painel citado anteriormente.

Para adicionar uma imagem:
Substitua por completo o trecho “<data:post.jumpText/>” por um código de imagem:

<img src='URL_da_IMAGEM'/>

Substituindo o texto verde pelo endereço URL da imagem desejada.
Para adicionar imagem e texto:
O mesmo trecho indicado de vermelho deverá ser substituído por completo por algo como:

<img src='URL_da_IMAGEM' style='vertical-align:middle;border:0'/> Leia mais...

Da mesmo forma, indicado de verde deve-se colocar a URL da imagem; e de rosa altere para o texto que quer colocar junto da imagem.

 

TUTORIAL FEITO POR : ADMIN NANDO DOWNSMX

Feito Isso Você poderá fazer seus posts normais que apareçerá o Jump Break!