20/02/2017

Tutorial: 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:
<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: 
<img src="LINK DA IMAGEM"/>
Se quiser saber mais, basta acessar essa postagem www.

Nenhum comentário:

Postar um comentário

Hi guys!!!!
Hey aqui é Wendy, blogueira desde 2010! Viciada em animes, amante de livros e adora ver séries! Criei esse cantinho na intenção de ajudar na criação e personalização de blogs e sites.
Wattpad Facebook Tumblr Instagram