Mostrar o Titulo do Post em vez de Postagem mais Recente e mais Antiga

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.
personalizar seu blogspot

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.
alterar texto postagem mais recente e mais antiga

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.

67 comentários:

  1. muito bom! testado e aprovado! este é o melhor blog de ducas que eu ja vi! o Fabiano Está de parabéns!

    ResponderExcluir
  2. Que dica legal! Estava procurando há tempos, obrigada. =D

    ResponderExcluir
  3. De certinho aqui!! Adorei e creio que vá agilizar pro leitor. Valeu!!!

    ResponderExcluir
  4. Fabiano, são os critérios que fazem ganhar mais dinheiro no AdSense??

    ResponderExcluir
  5. Marcos Vinicius
    os critéros servem para você entender melhor com quais anuncios ganha mais dinheiro.

    por exemplo eu tenho um anuncio na sidebar deste blog, se eu criar um critério com o nome sidebar-dicas, quando eu entrar na pagina dos relatórios do adsense posso ver exatamente o quando ganhei com esse anuncio, se eu tive dois blocos na sidebar poderia usar o mesmo critério nos dois...

    mas não altera os ganhos

    o que acontece e confunde algumas pessoas é que o critério aparece na lista do relatorio, por exemplo o relatorio mostra:

    dicasparablogs.com.br - U$ 15,00
    sidebar-dicas - U$ 7,00

    o total disso é 15, porque o 7 da sidebar foi contado no dicasparablogs.com.br

    ResponderExcluir
  6. oi sera que alguen pode me ajudar! estou tentando entrar no layout do meu blog! tento entrar e apareçe isso! Erro ao interpretar modelo do blog
    Invalid data reference post.title: No dictionary named: ‘post’ in: ['blog'] nossa tou desesperado oq devo fazer! sera que vc poderia me dar uma dica pra voltar ao normal

    ResponderExcluir
  7. audiencia da tv
    até agora nos testes que fiz funcionou na primeira vez.

    tente retirar e colocar novamente o código e se fizer alguma alteração de cor ou formatação cuidado com os detalhes, aspas faltando, erro nos sinais ; ' "

    ResponderExcluir
  8. Fabiano, tu és o cara! Te amo (no bom sentido).

    ResponderExcluir
  9. como eu faço para modificar o fundo da postagem de um template personalizado

    ResponderExcluir
  10. Gostei. Nem imaginava que dava para fazer isso. Obrigado pela dica! Até mais.

    ResponderExcluir
  11. Como eu faço pra em vez de aparecer, mostrar "postagem mais antigas" aparecer "próxima página" e "página anterior"?

    ResponderExcluir
  12. HITSUGAYA TOUSHIROU
    se não funcionar pela pagina designer do modelo tem que ser diretamente no html do blog.

    mas é complicado principalemente se baixou o template de algum site, mas pode ser no estilo:

    #sidebar
    .fauxcolumn-left-outer e varios outros...

    veja aqui como colocar as imagens
    Posicionar imagem de fundo

    Ariel
    veja neste link: Alterar texto postagens mais antigas e mais recentes

    ResponderExcluir
  13. Fabiano no meu não apareceu nada, quando entro em alguma postagem só aparece o "Inicio", o que posso fazer pra dar certo?

    ResponderExcluir
  14. Fabiano,existe um limite de conteudo nos posts e nas paginas ?
    Ex: se eu quiséce colocar todos os posts do meu blog em uma pagina ou em um post só daria ?

    ResponderExcluir
  15. O que é 'Critérios de Url' no Google Adsense?

    ResponderExcluir
  16. Anonimo
    pelo que vi no adsense é uma separação dos seus ganhos por site ou blog


    Lucas Vinicius Bertoncelo
    veja aqui: http://www.google.com/support/blogger/bin/answer.py?hl=br&answer=42348

    Tamanho das páginas: páginas individuais, sejam suas páginas de arquivo ou a página principal do blog, podem ter no máximo 1 MB. Isso permite algumas centenas de páginas de texto, mas pode ser um problema se você listar centenas de postagens na página inicial de seu blog. Se você atinge esse limite, a mensagem de erro "006 Entre em contato com o Suporte do Blogger" é exibida. Para corrigir esse erro, reduza a quantidade de postagens em sua página principal. Isso também faz com que a página seja carregada mais rapidamente.

    Rosiel T.S.
    é estranho dizer isso parece que funcionou em todos os templates... veja se colocou o código no lugar certo, tem uma parte para usar na pagina editar html e outra para colocar no gadget

    ResponderExcluir
  17. Oi,sempre acompanho o blog e inclussive ja coloquei em pratica muitas dicas.mas o que me traz aqui hoje é um problema meu blog esta recebendo varias visitas,porém a maioria é apenas por causa das imagens e eu queria que fosse pelo conteudo,o que eu faço?

    ResponderExcluir
  18. dark link
    procure colocar mais texto no blog. pensar no que as pessoas procuram na internet.

    mas não faça textos pensando somente nos resultados das buscas o principal é ter um bom conteudo.

    ResponderExcluir
  19. Fabiano eu coloquei certo, coloquei o primeiro código antes de /head, e o segundo em um gadget HTML, quando coloquei tudo visualizei meu blog e não apareceu nada, nos posts só apareceu "Inicio", então arrastei o gadget HTML pra baixo dos posts e o "Inicio" sumiu.
    Mas percebi uma coisa, quando entrava num post não aparecia nada, mas quando recarregava a página e rolava pra baixo eu via escrito "Postagem mais antiga", mas depois da página estar tudo carregada a "Postagem mais antiga" sumia também.
    Sabe o porque no meu não deu certo?

    ResponderExcluir
  20. rosiel T. S., infelizmente não sei responder porque não deu certo no seu blog

    provavelmente gerou algum erro devido as modificações do template que você usa

    ResponderExcluir
  21. Fabiano, você sabe onde no Facebook eu reclamo, dou sugestões ou entro em contato???

    É que me bloquearam por enviar muitas solicitações de amizade dizendo que eu não conhecia o usuário..

    ??

    ResponderExcluir
  22. Marcos Vinicius
    procure no setor de ajuda do facebook

    ResponderExcluir
  23. Boa noite,
    Antes de mais quero agradecer-lhe todas as suas dicas e dar-lhe os parabéns pelo seu blog. :)
    Queria pedir-lhe ajuda para uma coisa que não consigo resolver...
    No arquivo do blogue, onde aparece o ano, o mês, o nº de postagens por mês e só depois o título do comentário... é possível tirar o ano, ou pelo menos o mês para poder ficar uma espécie de indice do blogue?
    Obrigada,
    Joana

    ResponderExcluir
  24. Como eu faço um gadget que rola com o meu blog ?

    ResponderExcluir
  25. Angelo e Qui
    aqui tem um código Fixar botões no canto da pagina
    do mesmo jeito que usa para botões pode fixar qualquer coisa

    ResponderExcluir
  26. Olá,

    Seus post's são excelentes, conteudo de valor expressivo e 'gratis' para ajudar as pessoas que precisam. Parabéns pelo seu excelente trabalho!

    Abraços,
    Milton Ramos

    ResponderExcluir
  27. até consegui fazer
    mais o tamanho onde ta ficando os nomes das postagens esta pequeno, daí fica comendo o nome das postagens...como aumento isso?
    da uma olhada http://sohpagode.blogspot.com
    e diz se me entendeu

    abraços

    ResponderExcluir
  28. consegui ajeitar...fui mexendo aqui rs

    vlww
    mt bomm

    ResponderExcluir
  29. parceiro...nao tem como eu colocar esses link em cima das postagens?
    tipow essa imagem:https://lh4.googleusercontent.com/-88GLq518KbI/TtJnYWsgebI/AAAAAAAAEa4/2HII2ymtYR0/s525/post%252520next.jpg

    sendo que nesta imagem, estou dentro da postagem...é tipo esse seu, só que o link de anterior e proxima fica acima das postagens, seria mais facil pro usuario enxergar, e esse tb nao fica embolado,por mais grande que seja a postagem,fica uma embaixo da outra certinho..sabe fazer? abraços

    ResponderExcluir
  30. @Soh Pagode veja aqui: Mostrar Marcadores, Comentários embaixo do Título da Postagem

    lá mostra como colocar algumas coisas embaixo do titulo da postagem, você pode usar para achar o lugar no código html do seu blog para posicionar os links para postagens recentes e anteriores

    ResponderExcluir
  31. esse códigos tem varios detalhes então veja se não faltou algum sinal por exemplo: aspas ; < > ' ou qualquer outro detalhe

    ResponderExcluir
  32. Olá, não sei se vc pode me ajudar, mas o caso é que no final das minhas postagens (http://bagacadigitalblog.blogspot.com/2011/10/google-vai-proibir-que-estudantes.html) as imagens de postagens mais recentes antigas e inicio fica um funfo branco atrás, como faço para tira-lo?

    ResponderExcluir
  33. @Miguel Deitos para as imagens ficarem sem fundo tem que usar o formato .gif ou .png com fundo transparente, isso é feito com um programa para editar imagens

    ResponderExcluir
  34. @Fabiano Roberto

    é sei disso e elas já estão no formato png, mas então deve ser algum outro erro no layout

    ResponderExcluir
  35. Fabiano,teria como editar o texto, por exemplo: Colocar uma seta de menor e maior ao lado do título somente nessa função?

    ResponderExcluir
  36. @Miguel Deitos veja o trecho

    }
    #blog-pager-older-link a {
    padding-right: 15px;
    margin-right: 15px;
    background: #FFFFFF right center;
    }
    #blog-pager-newer-link a {
    padding-left: 15px;
    margin-left: 15px;
    background: #FFFFFF left center;
    }


    a linha background: #FFFFFF é cor de fundo, apague e pode apagar a linha completa

    background: #FFFFFF left center;

    background: #FFFFFF right center;

    ResponderExcluir
  37. Fabiano, no blogger entrando em adicionar um gadgets, escolhi"Lista de links
    Adicione uma coleção de seus sites favoritos, blogs ou páginas na web" vi que podia colocar todo endereço da postagem do blog do lado direito, assim o visitante pode ver e escolher qual quer ver, mas você acha que posso ser penalizada por ter tantos links para meu blog? Agradeço pela sua atenção.

    ResponderExcluir
  38. @Lourdes a questão não é ser penalizada, mas quando mais links mostrar mais lenta sua pagina fica.

    claro contando que esses links sejam de sites ou blogs que não violem as regras do blogger ou google, ou seja nada de colocar links de sites de pirataria, racismo ou outros conteudos ilegais

    ResponderExcluir
  39. Oi Fabiano, eu fiz e deu certinho, mas agora gostaria de fazer voltar ao normal, poderia me ajudar?

    obrigada

    ResponderExcluir
  40. tem que ver o tutorial e tentar desfazer, não tem outro jeito

    ResponderExcluir
  41. Oi
    Gostaria de saber como faço para inserir mais de um gadgets no meu blog. So consigo colocar "inicio".
    Como vejo no seu e outros blogs ha varios botões q levam a outras paginas gostaria de fazer algo assim.
    No caso do seu tem (novas dicas / assuntos diversos / parcerias entre blogs...).

    Gostaria de uma ajuda.

    ResponderExcluir
  42. @João Scremin é só um menu horizontal


    o endereço das paginas do menu são posts do blog ou paginas extras

    ResponderExcluir
  43. eu fiz isso no meu blog mais zuou o template

    ResponderExcluir
  44. Games Mil
    talvez tenha apagado algo por engano

    ResponderExcluir
  45. Fabiano, por favor me informe se vc sabe como fazer para que quando eu pesquisar meu blog no google ele apareça com links tipo, policial, geral, saude, e embaixo de cada link desses tem uma materia... veja o exemplo...pesquise ai por Jeremoabo Agora... ficarei agradescido pela resposta... parabéns pelo blog...

    ResponderExcluir
  46. Jeremoabo Noticias
    isso é automatico do google não temos como personalizar.

    ResponderExcluir
  47. Fabiano, teria como quando alguém clicar em Postagens mais antigas/Recentes, ir para a página(anterior ou recente), respectivamente, do MARCADOR?

    Por exemplo, vamos supor que eu tenha um blog sobre Filmes, e eu coloco um determinado filme no marcador "Aventura", então, toda vez que alguém estiver dentro da página deste filme, e clicar em "Postagens mais antigas/recentes" ir para a a próxima - ou a anterior - postagem do marcador "AVENTURA", e não para a próxima postagem que eu fiz no blog depois dessa, teria como? Consegui explicar meu ponto de vista certo? Por favor, conto com sua ajuda!

    ResponderExcluir
  48. Saga de Animes entendi sua idéia e gostei muito.

    porém acredito que não tem como fazer essa alteração. O blogger só cria o link para as proximas postagens do marcador se estiver na pagina do marcador

    ResponderExcluir
  49. Obrigada, espero que um dia eles pensem nisso!

    ResponderExcluir
  50. E acima, para mostar o título da postagem antes do nome do blog? obrigada.Segui esse tutorial e funcionou.

    ResponderExcluir
  51. Fabiano Roberto e excluir:Postagem mais antiga ,Postagem mais recente ;;tem como excluir os dois e nao deixar nada ;.........

    ResponderExcluir
  52. anonimo veja aqui: Alterar texto postagens mais antigas e mais recentes

    lá fala em alterar o texto, mas você pode usar para localizar e apagar esse trecho do html.

    mas salve os códigos e um backup do seu blog assim se mudar de idéia depois poderá colocar de volta.

    ResponderExcluir
  53. Olá Fabiano, não sei se você reparou, mas existe um espaço que não deveria existir na tag </ head> que você colocou no post, quando na verdade deveria ser assim </head> - Sem espaço depois de </ . Provavelmente as pessoas que não sabem que nunca encontrão isso ao procurarem.

    ResponderExcluir
  54. realmente não existe espaço naquele código, minha intenção era dar mais destaque ao código, mas acho que você tem razão isso pode atrapalhar se a pessoa copiar o código como publiquei aqui e usar no ctrl F, vou retirar o espaço.

    obrigado pela sugestão

    ResponderExcluir
  55. Olá amigo,

    Quem já tem o script jquery.min.js no blog não precisa colocar novamente, senão o código não funciona assim como outros widgets que usam o jquery.min.js. Percebi isso hoje quando estava adicionado um slider no meu blog. Tanto o slider, quanto este código não funcionaram por eu ter colocado duas vezes a biblioteca jquery. Seria bom avisar no post. Valeu.

    ResponderExcluir
  56. Havia muito tempo que eu procurava algo nesse sentido
    Muito boa essa dica...
    Brigadim Fabiano!

    ResponderExcluir
  57. Tem formatação para a palavra "início"?
    Do Tipo, "Topo", "Voltar", caso a gente queira mudar?

    ResponderExcluir
  58. você pode criar o estilo:

    .blog-pager {font-size:12pt}

    e formatar o texto como quiser: tamanho, cor, tipo de fonte ....

    ResponderExcluir
  59. boa noite
    parceiro preciso de uma ajuda sua

    dentro das minhas postagens nao ta aparecendo o link para "postagens mais antigas" "home" e "postagens mais recentes"

    como faço pra isso aparecer?

    como esses links nao aparecem nao consigo fazer oq explica nesse tutorial ;/

    me ajuda?

    ResponderExcluir
  60. o código dos links são esses que mostramos no tutorial tente comparar com o seu blog.

    veja também se não tem uma condicional b:if... impedindo que apareça na pagina das postagens, veja aqui:
    Conteúdo diferente nas paginas do blog

    ResponderExcluir
  61. Já havia usado anteriormente esse código.
    E mais uma vez ele me serviu.
    Brigadim Fabiano!

    ResponderExcluir