- Home
- Tutoriais Blogger
- Balão com Número de Comentários ao Lado do Título
- Bordas arredondadas nas colunas
- Box Flutuante Assinar Feed via Email
- Centralizar o titulo do post no blog
- Código da Caixa de Seguidores do Twitter - Fan Box
- Código para Proteger seus artigos de cópias
- Artigos mais populares na sidebar
- Colocar Barra de Rolagem no blog
- Colocar o Pássaro do Twitter Voando no Blog
- Criando um menu horizontal
- Banner para seu blog com caixa HTML para o código
- Como instalar widget acima da coluna de postagens
- Programas
- Contactos
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 + "_blog-pager-newer-link"' 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 + "_blog-pager-older-link"' 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 + "_blog-pager-newer-link"' 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 + "_blog-pager-older-link"' 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!