Tutorial: Personalizando links de postagens recentes/início/antigas

Foto por Fancycrave

Olá pessoas, tudo certo? Comigo está tudo bem! Hoje trago um tutorial super fácil e de grande ajuda, vou ensinar vocês a trocarem o "« Postagem mais recente", "Iníco" e "Postagem mais antiga »". Tanto o texto (com css) ou com imagens.

Para alterar o link Postagens mais recentes: procure por <data:newerPageTitle/>
  • Por texto: Substitua por texto, símbolo, qualquer coisa que ficará no lugar.
  • Por imagem: Quando aparecer troque-o por <img src="endereço aqui" /> substituindo o "endereço aqui" pelo o url da imagem que hospedou.

Para alterar o link Inicio/Home: procure por <data:homeMsg/>
  • Por texto: Substitua por texto, símbolo, qualquer coisa.
  • Por imagem: Substitua pelo o mesmo <img src="endereço aqui" />

Para alterar o link Postagens mais antigas: procure por <data:olderPageTitle/>
  • Por texto: Substitua por texto, símbolo, qualquer coisa.
  • Por imagem: Faça o mesmo que os anteriores substituindo-o por <img src="endereço aqui" />

Se você personalizou com imagem, ignore a parte a seguir. No seu css (b:skin), procure por:

#blog-pager-newer-link {
  float: $startSide;
 }

#blog-pager-older-link {
  float: $endSide;
 }

#blog-pager { 
  text-align: center;
 }
Substitua-o por e personalize-o:
#blog-pager {
clear:both;
text-align: center;
margin-top:5px;
}

#blog-pager-newer-link {
float:left;
}

#blog-pager-older-link { 
float:right;
}

#blog-pager a:link, #blog-pager a:visited {
color:#666666; /*cor das setas*/
font-family: arial, sans-serif; /*fonte das setas*/
font-size:20px; /*tamanho das setas*/
}

#blog-pager a:hover {
color:#000000; /*cor das setas ao passar o mouse*/
}
E pronto! Qualquer dúvida é só me perguntar ^^

Beijos~