Alterar texto postagens mais antigas e mais recentes


Postagens mais antigas e mais recentes no blogModificar o texto ou usar imagens no lugar de postagens mais antigas, postagens mais recentes e inicio que aparecem no final das postagens do blog é algo fácil, porém encontrar isso na pagina editar HTML é um pouco complicado, pois quem já tentou procurar por essas palavras não conseguiu resultado algum.
A razão disso é simples o blog usa tags para fazer isso, agora vamos mostrar como modificar, retirar ou colocar esses links(texto postagens mais antigas, postagens mais recentes e inicio) no seu blog. Entre na pagina editar HTML, clique para expandir o modelo e procure por:

<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'>

Logo depois disso deve estar assim no HTML do seu blog:

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


Se não tiver provavelmente esses links para textos mais antigos, recentes e pagina atual não devem aparecer no seu blog. Portanto se quiser remover esses links é só apagar esse trecho. Mas se a sua intenção é modificar o texto veja os trechos em negrito, basta trocá-los pelo texto que desejar, veja o que cada um deles faz no blog:

<data:olderPageTitle/> link para postagens mais antigas
<data:newerPageTitle/> link para postagens mais recentes
<data:homeMsg/> link para pagina inicial do blog, esse aparece duas vezes então modifique as duas da mesma maneira.

Se quiser usar uma imagem no lugar dos links para postagens mais antigas, postagens mais recentes e inicio, é simples de fazer em vez de escrever outro texto nos lugares indicados coloque esse código:

<img border="0" src="endereço da imagem"/>

Naturalmente cuidado para utilizar o endereço correto da imagem nos links. Depois que fizer as alterações clique para visualizar o blog e se estiver tudo certo é só salvar e já está tudo pronto.

Veja também:

Sites com musicas para colocar no blog
Caixinha com o link no final de cada postagem
Mudar a imagem da cartinha enviar postagem
Deixar sempre o mesmo texto na pagina inicial

55 comentários:

Je disse...

Excelente blog que já acompanho há algum tempo. Tem me ajudado muit a melhorar meus blogs!! PARABÉNS!!!!!!

† Gяєgоя¥ MαΤħєϋﯕ † disse...

Muito boa, essa dica vlw !! e estou a espera do tutorial de como dar um spaço entre um gadget e o outro ^^
abraços

Fabiano Roberto disse...

para dar espaço entre um gadget e outro é só colocar isso no html do blog, claro veja se não tem algo parecido antes

.sidebar .widget {margin: 12px 0 13px 0;padding: 0;}

† Gяєgоя¥ MαΤħєϋﯕ † disse...

mais, eu quero dar espaço, mostrando a imagem de fundo, nao almentar a parte branca

Chakaols disse...

Aqui não funcionou porque meu template não tem essa opção nos codigos dele mas creio q se eu
tivesse um template com as 2 opções (postagens mais antigas e postagens mais recentes) a dica funcionaría tranquilo!!

Thankss!!

Fabiano Roberto disse...

† Gяєgоя¥ MαΤħєϋﯕ †

então precisa achar na sidebar ou alguma outra parte do código o que está com fundo branco, isso não tem nada a ver com o espaço mas cor de fundo

Fabiano Roberto disse...

Chakaols


localize no seu html
<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'>

e depois coloque o código para mostrar os links logo depois

JHONE SANTOS disse...

Oi olha gosto de mais desse blog tem me ajudado bastante a melhora o desenvolvimento do meu blog quero de ja agradecer a voces do blog dicas para blogs estao de parabens pelo trabalho gostaria de pede a voce que visitem meu blog que é destinado a cultura do maranhao muito obrigado pelo espaço queria saber tambem se posso coloca o link do meu blog aqui para as pessoas visitarem obriga boa tarde

Foreba disse...

Gostei disso, to alteranto tudo do meu template.. hehe... abraço

Janio Ferreira disse...

Meu blog ja vem com tudo pronto no painel da wordpress mas achei as dicas muito boas para os web designer que querem se aperfeiçoar.

Seu blog também ficou perfeito, mostra uma dedicação incrível, parabéns.

ABÇs

Fabiano Roberto disse...

obrigado pelos elogios

Alan disse...

realmete as dicas do site são maravilhosas...parabéns..

http://dicasnet.blogs.sapo.pt/

Vivi Souza disse...

Oi!
Amei a dica. Como sempre vc auxiliando-nos com novidades e dicas bem legais. Parabéns!

crazyangel disse...

Oie Fabiano,
Muito interessante este post...em breve modificarei isso em meu blog, mas eu estou mesmo tentando modificar o bonequinho (icon) que aparece qndo as pessoas deixam comentários no blog (Cripta) já procurei o cód umas 3 vezes e nada, poderia me dar uma dica ?
Beijo
Até...

Fabiano Roberto disse...

vou procurar mas ainda não achei como alterar aquela imagem

crazyangel disse...

Oi Fabiano, Agradeço pela atenção!
Eu achei do mini ícone enviar postagem, dos marcadores e do botão "page up" agora do bonequinho dos comentários, até hoje nada ! rs
Beijo
Até

Fabiano Roberto disse...

tentei procurar mas ainda não achei, parece ser um código interno que não consigo alterar

ANW disse...

Adorei a dica, sempre quis saber como tirar esses escritos e não sabia como!! Demorei pra achar, mas depois que vc olha com atenção o código, dá pra achar facinho, mto obrigada por ensinarem isso, uma dica ótima!!

Adiministrador Clã Downloads disse...

Ola amigo muito bom as dicas que tu posta aqui , muito bom o site.. me ajuda e muitoo .. Muito agradecido..
ah eu gostaria de pedir autorização para eu postar essa dica em meu blog , e claro irei colocar os créditos Dicas para Blogger , me responda aqui nos seus comentarios mesmo, desde já muito obrigado e valeu pelo grande trabalho que fazes para ajudar nós blogueiro novato :P
Grande abraço e sucesso

Fabiano Roberto disse...

Adiministrador Clã Downloads
Apenas queria pedir que mude algumas frases da explicação escrevendo com suas palavras, assim é melhor para o seu e o meu blog nas pesquisas google

turbodownloads disse...

cara eu sei q vc manja nesse negocio de blog mais eu vo te da uma dica
quando vc for dar uma dica pro pessoal entra no html fala pra eles apertar as teclas ctrl-f ai vai aparecer uma pagina de busca e é bem mais facil deles encontrarem a palavra desejada

ein
divulga meu blog por favor

http://turbodownloadsxd.blogspot.com/

Dinei disse...

Muito bom fiz com imagens ficou ótimo, obrigado pelo post

Marcelo Barreto da Fonseca disse...

E como faço pra deixar como ta aq no seu blog, com os textos separados e tal?
No meu blog fica tudo junto e alinhados à esquerda. Queria deixar como ta aq, com o "Início" centralizado e um outro alinha à direita.

Fabiano Roberto disse...

Marcelo Barreto da Fonseca
o layout deste blog é bem simples é uma imagem de fundo que separa as colunas das postagens.

crie uma imagem com a largura do blog e faça repatições nela depois coloque como fundo no estilo #content-wrapper

então faça os ajustes finais na largura do blog para encaixar nas colunas que criou na imagem
http://www.dicasparablogs.com.br/2007/08/largura-do-blog.html

Adiministrador Clã Downloads disse...

Ola amigo eu esses dias atras pedi autorização para que eu possa postar esse tuto em meu Blog tu cedeu ,
mais agora eu queria uma ajuda ..
Eu tentei colocar ele em meu Blog,
Copiei do jeito que esta aqui e talz.
mais quando eu clico Publicar Postagens,
simplesmente os códigos somem ,
o código da imagem , vira uma imagem em Branco , oque esta acontecendo?
Podes me ajudar?
Grande abraço e Obrigado desde Já
Sucesso e Valeu pelas dicas que postas aqui são util para muitos Blogueiros iniciantes como eu.

Fabiano Roberto disse...

para postar códigos tem duas opções ou usar um programa para transformar o código em html ou usar o blogger in draf que nas opções da postagem tem para não executar o código

Silmara Freitas disse...

Oi, estou precisando de ajuda!
O link de Postagens mais antigas, e Inicio, sumiram de uns de meus blogs. Como faço para colocá-los de volta? Pode me ajudar?

Fabiano Roberto disse...

Silmara Freitas

tente colocar o código dessa postagem no html do seu blog, crie um blog para testes assim poderá ver como é um código padrão

Sarah Sapeka disse...

Sempre usei esse seu tutorial para mudar o texto de "Postagens mas antigas" e "Postagens mais recentes" em meus blogs quando trocava de template, só que hoje eu coloquei um template e fui mudar o texto do link, mas que texto? Não tinha nada!
Não tem como ver as postagens mais antigas...
Como é que eu faço pra fazer aparecer o link da próxima página?
Não quero mudar o template porque gostei muito dele.
Desconfio que seja algo simples mas que não sei o que é...

Fabiano Roberto disse...

Sarah Sapeka

os templates que você baixa de outros sites podem usar tags diferentes então fica dificil saber onde colocar o código, tente procurar por
<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'>

e colocar o código depois, se não der certo o jeito é ir testando em varios lugares diferentes, mas para testar não precisa por o código só escreva qualquer coisa por exemplo código aqui então se aparecer no lugar certo você troca, assim é mais rapido.

Sarah Sapeka disse...

Obrigada pela ajuda!
Consegui achar o erro no template.
Estava faltando esse código nele:

#blog-pager-newer-link {
float:right;
}
#blog-pager-older-link {
float:left;
}
#blog-pager {
text-align:center;
}

*Demorei pra notar isso... Rsrs!

Laicy disse...

Os meus alunos não estão conseguido postar os textos deles no meu blog. Eles digitam o texto e escolhem o perfil Nome/ URL. Na caixinha comentar como aparece o nome do aluno que postou a mensagem e o simbolo 0. Por quê isto acontece? ME mandem um dica para solucionar este problema.

Fabiano Roberto disse...

Laicy

quando escolhemos a opção nome e url é preciso digitar o nome e o endereço de nosso site se quiser, deve ser esse o problema

†µℓเ๏๏ .†.קαiм- disse...

o Meu Nao tem os links como por?

Fabiano Roberto disse...

tem que tentar colocar o código que mostramos nesta postagem no seu blog depois da linha ......id='Blog1' lo......

†µℓเ๏๏ .†.קαiм- disse...

Fabiano, eu já tentei isso mais só aparece "inicio" e os outros nao me ajude!

Fabiano Roberto disse...

como falei antes é só trocar o texto em negrito pelo código da imagem que desejar.

tente trocar <data:olderPageTitle/> por <img src="http://www.iconesbr.net/iconesbr/2008/12/7344/7344_128x128.png"/>

MaXFilmes disse...

Cara muito bom seus tutoriais, pena q esse não funcionou, fiz tudo direitinho quando coloquei pra vizualizar desaparecia o "postagens antigas, mais recentes e pagina inicial", ai, achei q não tava aparecendo por q tava em só vizualizar e resolvi salvar pra ver, ai acabei ficando sem "postagens antigas, mais recentes e pagina inicial", tentei colocar tudo do mesmo jeito mais msmo assim não voltou ao normal, o q eu faço? ajuda ae, por favor!

Fabiano Roberto disse...

testei novamente o código e funcionou perfeitamente, veja meu blog de testes
http://dicaparablogs.blogspot.com/2009/02/blog-post.html

tudomio disse...

To fazendo um template e so ta faltando colocar esses link na pagina inicial, ta aparescendo so clicando na postagem, sera que você sabe de alguma dica para aparecer na pagina incial, desde ja agradeço

Maria disse...

Ola Fabiano queria te perguntar como posso tirar no meu blog do lado esquerdo tem uma etiqueta onde consta “undefined” e deveria estar a data da publicação.
Desde já agradeço caso não saiba ao que me refiro pode dar uma olhadela.
http://omeuespasso.blogspot.com/
desde já agradeço.

Fabiano Roberto disse...

Maria
alguns template vem com esse código, mas não achei um jeito de corrigir, o melhor é entrar em contado com o site que criou o template

Tutuka disse...

Muito show esse tuto funfo mesmo , me ajudou muito =D

Kaique Gabriel disse...

Olá estou aqui em busca de parceria nós já estamos publicando seu Banner a um tempo e queriamos saber se aceitaria uma parceria com O Tudo Mais Download?

Se for sim deixe um recado no lado direto do blog...

www.tudomaisdownload.blogspot.com

AndreDJ disse...

Oi meu nome é Andre eu fiz tudo direitinho mas quando eu vou escrever avançar ou proximo da erro vc pode fazer um teste para min o meu template é template-nerds-down
eu ja tentei mais não consequi eu estou achando que eu vouter que mudar o template
Muito obrigado parabens pelo site muito show
meu blog spider11download.blogspot.com

AndreDJ disse...

Oi estou com poblema eu fiz tudo direito copiei o codigo no blog e fiz passo a passo mas wuando eu coloco avançar ou proximo eu coloco para visualizar ele da erro o meu template é template-nerds-down vc pode dar uma olhada para min porque eu acho que vou ter que trocar o template desde já agradeço
seu site é muito show
meu blog
spider11download.blogspot.com

Fabiano Roberto disse...

AndreDJ
alguns templates usam tags diferentes, principalmente se baixou de algum site.

tente clicar para expandir o modelo e encontrar os códigos dos comentários e apenas alterar o trecho que citei na postagem

AndreDJ disse...

muito obrigado deu certo para bens pelo site

Rock-flash disse...

Sinceramente...comentar seria poucoooo...Parabéns ao "Ser que pensa e nos dá essas dicas... q por sinal... são verdadeiras aulas. VLW irmão, PA RA BENS...

[̲̅C̲̅н̲̅υ̲̅c̲̅k̲̅ ̲̅и̲̅σ̲̅я̲̅я̲̅i̲̅ร̲̅ ̲̅๏̲̲̯̲̅̅̅͡๏̲̅] disse...

Fabiano, deu certo mais agora elas estão invisiveis como mudar de cor?

Fabiano Roberto disse...

se estão invisiveis é por causa da configuração da cor dos links do seu blog, precisa mudar a cor dos links

Ministério Jovem - Espírito Santo/RN disse...

Cara, acho que a sequência mostrada lá em cima está errada... aqui ficou o contrário, Onde era antiga ficou nova e vise-versa.

=/

Parabéns pelo post, vai ajudar muita gente como eu.

Fabiano Roberto disse...

na verdade o que estabelece o lado que elas ficarão é o codigo css e não a ordem dos links

Alan disse...

no meu blog aparece assim,
o que devo fazer:

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

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

#blog-pager {
text-align: center;
}

Agradeço desde ja!

Fabiano Roberto disse...

Alan
esse trecho é o CSS, para ver o código que mostramos neste tutorial precisa clicar para expandir o modelo.