Adicionando o Jump Link em templates que não possui

Compartilhar:
Olá queridos leitores do Categoria Blogger. Hoje aprenderemos a adicionar o Jump Link nos templates que não possui ele instalado no template. Para saber se o seu template não possui o Jump Link instalada, basta criar uma nova postagem e adicionar o Jump Link em qualquer parte da postagem, se ele não aparecer é por que ele não está instalado. Agora, vamos adicionar ele ao seu template.

1. Acesse o Painel de Controle do seu blog e clique na guia Modelo. Logo em seguida, clique no botão Fazer backup/Restaurar e faça uma cópia de segurança do template clicando no botão Fazer download do modelo completo.

2. Logo após, clique no botão Editar HTML e marque a caixa Expandir modelos de widgets e pressione Ctrl+F para abrir o Localizador do navegador e procure pelo código:

<div class='post-body' expr:id='&quot;post-&quot; + data:post.id'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>#fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost{display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<a expr:href='data:post.url'>Continue lendo &gt;&gt;</a>
</span>
<script type='text/javascript'>
checkFull(&quot;post-&quot; + &quot;<data:post.id/>&quot;);
</script>
</b:if></div>

Para facilitar, procure a primeira linha do código.

3. Após encontrar o código acima, procure estas linhas dentro do código achado.

<p><data:post.body/></p>
<span id='showlink'>

4. Entre <p><data:post.body/></p><span id='showlink'>, cole o seguindo código.

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

4.1. O seu código deverá ficar neste modelo.

<div class='post-body' expr:id='&quot;post-&quot; + data:post.id'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>#fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost{display:none;}</style>
<p><data:post.body/></p>
<b:if cond='data:post.hasJumpLink'>      <div class='jump-link'>        <a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a>        </div>    </b:if><span id='showlink'>
<a expr:href='data:post.url'>Continue lendo &gt;&gt;</a>
</span>
<script type='text/javascript'>
checkFull(&quot;post-&quot; + &quot;<data:post.id/>&quot;);
</script>
</b:if></div>

5. Logo após clique em Visualizar e veja se na postagem que não estava aparecendo apareceu o Jump Link, logo em seguida clique em Salvar modelo.
Aviso: Observe o código do passo 2, em alguns templates o código poderá variar. Você poderá procurar pelo seu (se for diferente) o código .
Pronto! Viu como é fácil instalar o Jump Link em seu blog do Blogger? Se conseguiu ou não conseguiu, deixe sua dúvida ou opinião.
► Postagens Relacionadas:

4 Comentários

Alexandre Koga disse...

Puxa Vida!

Estava a meses quebrando a cabeça neste código! Apagava uma parte e substituía por outra, e nunca que batiam!

Achei seu blog e vi que não era apagar nem substituir, somente acrescentar no meio! Valeu mesmo!Abs

26 de agosto de 2011 às 19:40
JACN disse...

Alexandre Koga: Fico feliz que tenha conseguido, e aqui você sempre será bem vindo! Nosso intuito é ajudar as pessoas!

Abraços e volte sempre!
João Neto.

27 de agosto de 2011 às 15:23
João Almeida disse...

Fico feliz que tenha conseguido Alexandre, e aqui você sempre será bem vindo! Nosso intuito é ajudar as pessoas!

Abraços e volte sempre!

19 de janeiro de 2012 às 22:31
Miriam disse...

Depois de horas buscando finalmente encontrei o que procurava!!


Muito, MUITO, obrigada!!

28 de fevereiro de 2015 às 16:55

Postar um comentário