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
Postagens
55 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.
Postar um comentário