Dicas para Blogs e Sites

Mudar o texto Postagem mais Recente e Postagem mais Antiga que aparece no final de cada post pelo titulo das postagens pode ajudar a despertar o interesse dos seus visitantes pelos outros textos do seu blog, afinal tem muito mais chances de alguém clicar no titulo de uma postagem onde podemos ter uma idéia de qual assunto é tratado do que alguém clicar num link escrito postagem mais antiga ou mais recente. Se quiser pode ver como Alterar texto postagens mais antigas e mais recentes, mas colocando outro texto ou imagens no lugar dos links.

Para fazer essa alteração no seu blog entre na pagina editar HTML, procure por </head> e coloque essa linha antes dele:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

Clique para salvar e vá até a pagina layout. Clique para adicionar gadget >> html/javascript e cole o código:

<style type="text/css">
#blog-pager-newer-link {width:200px;text-align:left;}
#blog-pager-older-link {width:200px;text-align:right;}
</style>
<script type="text/javascript">
$(document).ready(function(){
var newerLink = $("a.blog-pager-newer-link").attr("href");
$("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() {
var newerLinkTitle = $("a.blog-pager-newer-link").text();
$("a.blog-pager-newer-link").text(newerLinkTitle);
});
var olderLink = $("a.blog-pager-older-link").attr("href");
$("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() {
var olderLinkTitle = $("a.blog-pager-older-link").text();
$("a.blog-pager-older-link").text(olderLinkTitle);//rgt
});
});
</script>

Nos testes que fizemos não importa o lugar que colocamos esse gadget os links com os títulos das postagens aparecem no lugar certo, ou seja, no final da postagem no lugar dos links postagem mais recente e postagem mais antiga, mas caso no seu blog apareça em outra parte é só corrigir o posicionamento do gadget colocando embaixo das postagens do blog e salve a organização da pagina.

Caso deseje formatar esses links é só alterar o estilo CSS que colocamos no gadget, é esse código:
#blog-pager-newer-link {width:200px;text-align:left;}
#blog-pager-older-link {width:200px;text-align:right;}

E aqui você pode ver como formatar texto ou colocar bordas se quiser. Caso não funcione verifica na sua pagina editar html se existe algum desses códigos:

.blog-pager {background: transparent none no-repeat scroll top center;}
.blog-pager-older-link, .home-link,.blog-pager-newer-link {background-color: #ffffff;padding: 5px;}

Eles são formatações de texto e podem interferir na formatação do seu link, veja que o nome do estilo é o mesmo (blog-pager-older-link, blog-pager-newer-link), portanto se for usar uma cor de fundo tem que apagar esse que está no exemplo background-color: #ffffff; para não haver conflito de códigos.

A demonstração desse código está em nosso blog você só precisa ir até o final da pagina e verá o link com titulo da postagem. Esperamos que gostem de mais essa dica para personalizar o seu blog e essa alteração traga algum bom resultado para seu site.

Marcadores: Códigos, Configurações Avançadas, Personalizar