Assine nosso Feed

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. Related Posts with Thumbnails


Link desta Pagina

64Comentários:

Vitor Matheus disse...

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

Sybylla disse...

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

Apto dia a dia disse...

Eu fiz e deu certo!
Obrigada!!

Vanda Ferreira disse...

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

Marcos Vinicius disse...

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

Fabiano Roberto disse...

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

audiencia da tv disse...

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

Fabiano Roberto disse...

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 ; ' "

Isaias disse...

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

HITSUGAYA TOUSHIROU disse...

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

Franklin Nunes disse...

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

Ariel disse...

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

Fabiano Roberto disse...

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

Rosiel T.S. disse...

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

Lucas Vinicius Bertoncelo disse...

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 ?

Anônimo disse...

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

Fabiano Roberto disse...

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

dark link disse...

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?

Fabiano Roberto disse...

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.

Rosiel T.S. disse...

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?

Fabiano Roberto disse...

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

Marcos Vinicius disse...

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..

??

Fabiano Roberto disse...

Marcos Vinicius
procure no setor de ajuda do facebook

Joana disse...

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

Fabiano Roberto disse...

veja aqui como Retirar Numero de Postagens dos Arquivos e Marcadores

Angelo e Qui disse...

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

Fabiano Roberto disse...

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

Milton Ramos disse...

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

Soh Pagode disse...

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

Soh Pagode disse...

consegui ajeitar...fui mexendo aqui rs

vlww
mt bomm

Soh Pagode disse...

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

Fabiano Roberto disse...

@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

Lucas Lima disse...

Aqui não pegou '-'

Fabiano Roberto disse...

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

Miguel Deitos disse...

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?

Fabiano Roberto disse...

@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

Miguel Deitos disse...

@Fabiano Roberto

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

Matheus disse...

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

Fabiano Roberto disse...

@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;

Fabiano Roberto disse...

@Matheus veja esse outro tutorial sobre imagens Alterar texto postagens mais antigas e mais recentes

Lourdes disse...

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.

Fabiano Roberto disse...

@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

Dri Viaro disse...

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

obrigada

Fabiano Roberto disse...

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

Mari disse...

Oba! Deu certo!!!

João Scremin disse...

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.

Fabiano Roberto disse...

@João Scremin é só um menu horizontal


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

Games Mil disse...

eu fiz isso no meu blog mais zuou o template

Fabiano Roberto disse...

Games Mil
talvez tenha apagado algo por engano

Jeremoabo Noticias disse...

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...

Fabiano Roberto disse...

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

Saga de Animes disse...

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!

Fabiano Roberto disse...

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

Saga de Animes disse...

Obrigada, espero que um dia eles pensem nisso!

Adriana Fernandes disse...

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

Anônimo disse...

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

Fabiano Roberto disse...

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.

Matope José disse...

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.

Fabiano Roberto disse...

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

Matope José disse...

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.

Fabiano Roberto disse...

acho que nem todos tem esse código

Ná.Stos. disse...

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

Ná.Stos. disse...

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

Fabiano Roberto disse...

você pode criar o estilo:

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

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

Postar um comentário

Gostou? Compartilhe!