Tutoriais Blogger
Tutoriais Blogger

Alterar Link Postagens Mais Antigas e Recentes


Se você quiser, pode modificar o link Postagens Mais antigas e Postagens Mais Recentes, que se encontram no final de cada postagem, podendo alterar apenas o texto ou incluir uma imagem no lugar do texto.


Antes de mais nada, você já deve saber que é sempre bom fazer um backup do seu Templatepara evitar transtornos.

feito isso, entre na edição HTML do seu template, clique em "Expandir modelos de widgets" e procure pelo seguinte código:(você pode usar ctrl+f colando a 1ª linha do código para facilitar sua busca)


<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
</div>
<div class='clear'/>
</b:includable>

substituir apenas o texto:


<data:olderPageTitle/> Se refere ao link para postagens mais antigas. Se quiser alterar o texto padrão do blogger por um seu, basta SUBSTITUIR este trecho pelo seu texto.(Sugestão:Página Anterior);

<data:newerPageTitle/> Se refere ao link para postagens mais recentes, faça o mesmo procedimento explicado acima substituindo este trecho pelo seu texto. (Sugestão:Próxima Página);

<data:homeMsg/> Se refere ao link para página inicial do blog (Inicio), siga o mesmo procedimento explicado acima, substituindo este trecho pelo seu texto. Esse trecho aparece duas vezes, portanto você deve modificar 2 vezes da mesma maneira.
Substituir texto por imagem:

Se quiser substituir por imagens de seta esquerda, direita e home,Procure pelo código:

<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
</div>
<div class='clear'/>
</b:includable>


e SUBSTITUir tudo por:

<b:includable id='nextprev'>
    <div id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
    <a expr:href='data:newerPageUrl' expr:title='data:newerPageTitle' id='blog-pager-newer-link'>
    <img src='ENDERECO-DA-IMAGEM-ESQUERDA'/></a>
    </b:if>

    <b:if cond='data:olderPageUrl'>
    <a expr:href='data:olderPageUrl' expr:title='data:olderPageTitle' id='blog-pager-older-link'>
    <img src='ENDERECO-DA-IMAGEM-DIREITA'/></a>
    </b:if>
    <a title='página inicial' class='home-link' expr:href='data:blog.homepageUrl'>
    <img src='ENDERECO-DA-IMAGEM-HOME'/></a>
    </div>
    <div class='clear'/>
    </b:includable>


Coloque o endereço da sua imagem no local indicado.
Pronto, agora é só salvar e conferir o efeito!

Translate to English Translate to Spanish Translate to French Translate to German Google-Translate-Portuguese to Italian Translate to Russian Translate to Chinese Translate to Japanese

Rating: 2.2/5 (184 votos)

ONLINE
1









Total de visitas: 16387