Adicionando o Jump Link em templates que não possui

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> e <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.