Modificar 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 + "_blog-pager-newer-link"' 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 + "_blog-pager-older-link"' 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



105 comentários:
Excelente blog que já acompanho há algum tempo. Tem me ajudado muit a melhorar meus blogs!! PARABÉNS!!!!!!
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
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;}
mais, eu quero dar espaço, mostrando a imagem de fundo, nao almentar a parte branca
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!!
† 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
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
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
Gostei disso, to alteranto tudo do meu template.. hehe... abraço
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
obrigado pelos elogios
realmete as dicas do site são maravilhosas...parabéns..
http://dicasnet.blogs.sapo.pt/
Oi!
Amei a dica. Como sempre vc auxiliando-nos com novidades e dicas bem legais. Parabéns!
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é...
vou procurar mas ainda não achei como alterar aquela imagem
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é
tentei procurar mas ainda não achei, parece ser um código interno que não consigo alterar
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!!
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
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
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/
Muito bom fiz com imagens ficou ótimo, obrigado pelo post
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.
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
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.
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
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?
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
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 é...
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.
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!
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.
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
o Meu Nao tem os links como por?
tem que tentar colocar o código que mostramos nesta postagem no seu blog depois da linha ......id='Blog1' lo......
Fabiano, eu já tentei isso mais só aparece "inicio" e os outros nao me ajude!
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"/>
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!
testei novamente o código e funcionou perfeitamente, veja meu blog de testes
http://dicaparablogs.blogspot.com/2009/02/blog-post.html
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
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.
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
Muito show esse tuto funfo mesmo , me ajudou muito =D
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
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
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
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
muito obrigado deu certo para bens pelo site
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...
Fabiano, deu certo mais agora elas estão invisiveis como mudar de cor?
se estão invisiveis é por causa da configuração da cor dos links do seu blog, precisa mudar a cor dos links
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.
na verdade o que estabelece o lado que elas ficarão é o codigo css e não a ordem dos links
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!
Alan
esse trecho é o CSS, para ver o código que mostramos neste tutorial precisa clicar para expandir o modelo.
legal, mas cara eu queria tipo esconder ou retirar esses links de post mais nova e mais velha, tem como? c possivel ate esconder, olha pra que: http://webrchat.blogspot.com/ to fazendo 1 blog chat
caio Corrêa kawasaki - ADM
se colocar junto com os códigos CSS(body, main, sidebar...) isso aqui devem sumir os links para as outras postagens
nextprev{display:none}
ou cara eu coloquei esse codigo nextprev{display:none} em varios lugares do template, mas não deu certo não ou cera q fui eu q fiz errado? especifica ai fazendo favor, grato.
coloque depois que fechar a tag body{...}, não esqueça de colocar o ponto antes ele faz parte do código
.nextprev{..
Meu blog (http://cinefiloides.blogspot.com/) está com um problema com a visualização das postagens mais antigas, recentes e início, a qual aparece atrás das postagens e no topo da página (note ao olhar o blog, que "postagens mais antigas" está encondida por de trás da primeira postagem). Ficaria muito grato se pudesse me ajudar com esta missão. Não sei mais o que tentar! Obrigado desde já.
Funcionou direitinho no meu blog, olhem ai e aproveitem o conteúdo www.watersystem.com.br
Mesmo problema do Gulherme Aguiar...
não consigo resolver...
desde jah agradeço!
R.9>
o blog dele já está funcionando normal, acabei de visitar.
mas veja se o código que mostramos não está em lugar errado no seu html, tem que ficar depois de
se não der certo ou seu modelo usar tags diferente entre com contato com quem criou o template, caso tenha baixado de algum site.
Coloquei um hack de paginas no meu blog e agora não sei como ocultar essas mensagens de postagens antigas e anteriores, como faz isso, por favor ?
Juninho
entre na pagina editar html e coloque isso junto com os outros códigos do blog, pode ser depois do body{...}
.nextprev{display:none}
Fabiano tem como vc me ajudar? de uns tempos pra ca, minhas setas de "proxima, anterior e home" não aparecem na home do meu blog, so aparecem nas paginas internas do blog(somente quando abro as postagens), tem como vc me ajudar? te peço muito mas muito mesmo essa ajuda, fico super agradeçido se vc souber como resolvo isso!
paulo, preciso ver o código do blog para falar sobre isso, qual o seu link
Não tenho esse código no meu blog
data:newerPageTitle data:homeMsg e
data:olderPageTitle
e não consigo retirar as postagens recentes e postagens novas nem o início das páginas dos marcadores.
Gostaria de saber se existe uma tag tipo essas:
.status-msg-wrap{display:none;}
.post-labels {
display: none;
}
.feed-links {
clear: both;
line-height: 2.5em;
display: none;
Para que eu possa colocar, para retirar as postagens antigas, novas e inicio da página dos marcadores?
Paulo
para ver esta parte do código é necessário clicar para expandir o modelo.
sobre ocultar isso no blog, tente colocar no html
#blog-pager-newer-link{display:none}
#blog-pager-older-link{display:none}
vlw ajudou muitoo mesmo brigadãoo!
Fabiano começei com esse blog faz agora modifiquei o template mas ñ tem postagens recentes e nem antigas.tentei botar esse codico e nada. PODE ME AJUDAR?
O blog é http://jampafilmes.blogspot.com
Aguardando Respostas...
Quero ajuda!! visitem ai www.gtamodskin.net e veja as opçóes de proxima e anterior e o inicio não aparece pq ??
nesta postagem tem o código dos comentários, se não tiver isso no seu blog precisa colocar
essa dica é muito útil!
os títulos padrões do blogger para esses links são muito deselegantes. Uma boa susgestão é fazer a paginação numerada e colocar esses link nas pánigas individual do blog...
vallew
amigo
achei seu artigo muito bom
por em gostaria que você mim desse uma força com o problema que estou tendo... tipo eu gostaria que as postagem aparecessem na pagina principal e não quando se clica em algum arquivo pra poder ver Anterior, Inicio, Próximo.
tem como você mim ajudar com este problema? desde já agradeço.
esse é o template ao qual estou se referindo: http://trocatemplets.blogspot.com
só queria que a postagem aparecessem na pagina principal também e não só quando se clica em uma postagem pra poder aparecer
LeoTurbo
junto com o código dos links das postagens anteriores deve ter um código impedindo de aparecer na pagina inicial veja aqui sobre Conteúdo diferente nas paginas do blog
mas é próprio do seu template, acho que não deveria modificar.
Você salvou a minha vida!!! xD
Fabiano como eu coloco numeros de página no final da pagina? ao inves de postagens antigas eu colocaria o numero das paginas pro povo ir clicando como eu faço? exemplo 1,2,3...
Leka
vamos procurar um código para fazer isso o ultimo que achamos apresentou algumas falhas
Olá, baixei um tmeplates do seu blog, mas fica aparecendo ao lado das postagens a palavra UNDEFINED, gostaria de saber como retirá-la. Obrigada
Ame Art
qual template você baixou? neste blog não temos templates para download
Ola, procurei um poco mais não achei.
Eu queria colocar ao inves de "antigos" "novos" e "home"
colocar com numeros, exemplo:
Inicio - 1 - 2 - 3 - 4 - ... - Fim
Não consegui, aparece um erro bem assim:Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
Mensagem de erro em XML: The element type "div" must be terminated by the matching end-tag "
provavelmente você apagou algo a mais do que deveria ou deixou alguma letra sobrando, não use aspas use o sinal '
Estou tendo um problema muito grande com isso, nem o link/imagem de postagens mais antigas e a numeração de páginas estãoa apareçendo no meu blog, ela desapareçeu, não tem nada no final da páginas, não entendo, do nada mesmo, não me lembro de ter feito nada de errado. Vc poderia me ajudar quanto a essa dúvida? Abs!
Clube da Risada
você trocou de template ou alterou as configurações de publicação do feed?
dependendo do código que usa pode ser que algum arquivo externo foi removido.
Oi Fabiano, eu não achei nenhum dos códigos que você mostrou no html do meu blog! Será que
é porque o modelo dele é antigo? Pode me ajudar? Desde já obrigada, eu já aprendi muita coisa graças ao seu blog
esses código variam conforme o modelo, mas precisa clicar para expandir o modelo html antes de procurar
Show! estava mó tempao tentando fazer isso, Concegui graças a vc! vlw!
E aí cara! Vou deixar uma dica legal aqui para o pessoal que tá com problemas em templates tipo magazine. Deixo claro que encontrei a solução fuçando, pois não sei muita coisa de códigos.
Quem quiser dar uma olhada no blog deixo o link aqui:
http://matematica-na-veia.blogspot.com/
Meu blog é estilo revista com teaser na página principal, mas eu queria dar um up na parte onde os visitantes quisessem escolher qual postagem mais antiga olhar.
O que fiz? Coloquei um link "postagem mais antiga" em cada d i v da página principal dando um efeito legal e proporcionado mais uma alternativa para os visitantes.
Deê uma olhada e veja como ficou.
Se quiser o saber como dei esta driblada no código é só copiar a parte do código:
"
Como não dá para colocar código html aqui coloquei o link do arquivo com o código
http://filebeam.com/ff4da7a6b02ec0dbcfcceeb6e9d9de8e
"
E colar no final da d i v:
post hentry uncustomized-post-template
Eu coloquei antes dos back links
Um abraço e bom trabalho aí para o pessoal que dá um duro para ajudar os iniciados.
No meu blog tem esse negocio de Ver Postagem mais Antiga, mas não aparece o código.
Essa parte eu encontro:
mas o resto não aparece.
Depois disso, só tem:
me ajuda! Help! Socorram-me!
Valeu, muito obrigada! Quase não deu certo pq tava copiando o código com os rsrsrs
Olá Fabiano, tudo bem!
Me ajude no seguinte, fiz tudo como indicou e deu certo. Porém na página principal NÃO aparece "Postagem mais antiga", só aparece depois que abro alguma matéria.
O que eu faço para corrigir esse erro?
Já tentei num blog teste e também aconteceu a mesma coisa.
Parabéns pelo seu blog, está de parabéns!!!
mas é normal esses links só aparecerem na pagina das materias(postagens)
Então quer dizer que não tem como eu colocar "Postagens mais antiga" na página principal? Nem alterando o html tem como funcionar Fabiano?
o código é esse da postagem, mas se não der certo no seu template pode ser pq ele usa outras tags, então precisaria entrar no html, expandir o modelo e comparar com outro blog que esteja funcionando bem para achar onde está o erro ou o que falta no seu blog.
Entendi!
Mas veja bem, deu tudo certo as imagens aparecem certinhas só não aparece mesmo na página principal. Você pode me falar o que eu posso digitar para fazer essa busca? Apenas uma linha de busca só para eu comparar com outro blog.
Obrigada mais uma vez!
o trecho é esse mesmo que publiquei neste tutorial, mas precisa clicar para expandir o modelo para achar
Beleza! rs
Vou dar uma olhada então!
Obrigada!
Super hiper mega dica!!
Vou dormir feliz agora.
;)
Thanks!!
Abraços
Olá Fabiano!
Aqui no blog tem alguma postagem falando sobre paginação numerada? Se tiver vc pode postar o link pra mim por favor?!
Parabéns pelo blog, ele ajuda muita gente!
Muito boa a dica funcionou direitinho... todo meu blog é feito com base em tudo que é ensinado aqui. Obrigado!
Nersu HB
pow aqui quando eu ponho o codigo salvo nao aparece aparece nada
corrigir erros de código é bem complicado precisa fazer varios testes principalmente se usar um template que baixou de algum site
olà amigo,meu template è mìnima e não encontro,o que faço?
Postar um comentário