20/02/2017

Alterando o texto dos links “Postagens mais antigas”, “Início” e “Postagens mais recentes” no Blogger


Yo pessoinhas! Como vão hoje? Estou um pouco cansada, minha família decidiu passar todo final de ano até o carnaval em Fernando e Noronha, de verdade aqui é muito, muito lindo! Por isso não tenho feita muitas postagens, e hoje trago algo rápido e simples, porém muito útil. Vou mostrar como alterar os textos dos links  “Postagens mais antigas”, “Início” e “Postagens mais recentes”.

Com esse tutorial você também pode utilizar imagens no lugar, ou simplesmente remove-lo deixando sem nada no rodapé. Explicarei isso mais no final da postagem.

1. Abra o blog qual deseja fazer alterações. Vá em HTML e usando Ctrl+F procure por um dos códigos marcado com cores. O corpo completo dele é assim:

Códigos
<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>

Entendendo  o código:
Roxo: Representa as postagens mais recentes.
Laranja: Representa  as postagens mais antigas.
Verde: Representa pagina inicial.

2. Agora vá no texto marcado em roxo apague colocando no lugar algum texto (exemplo: “Anterior”, “Postagens anteriores”, “Postagens recentes”). Vá no laranja apague colocando algum texto de sua preferencia (exemplo: “Próxima”, “Próximas postagens, “Postagens antigas”)  e por fim apague o verde e no lugar escreva algum texto (exemplo: “Página Inicial”, “Home”, “Voltar ao início”). Prontinho! Nesses dois tutoriais [www], [www] ensino como personalizar o texto com cor e até mesmo efeito hover.

Outra coisa legal! É que pode usar caracteres e símbolos. Para utilizar os símbolos “<” e “>” utilize os códigos &lt; e &gt; respectivamente. (Exemplo de aplicação dentro da edição HTML: “&lt;&lt; Anteriores” – Resultado: “<< Anteriores”)

Você também pode remover o texto, deixando em branco.. Basta remover as mesma partes indicadas na postagem e não escrever nada no lugar. 

Outra opção legal é que pode utilizar imagens no lugar dos link, basta colocar o seguinte código: 
Códigos
<img src="LINK DA IMAGEM"/>
Se quiser saber mais, basta acessar essa postagem www.

Nenhum comentário:

Postar um comentário

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345