![[ Ferramentas Blog ]](/wordpress/wp-content/themes/fb5/images/logo.png){kind=logo}
Ter um template personalizado nem sempre é possível, especialmente para quem não sabe programar para internet (como eu não sei!). Mas fazer algumas modificações podem ser úteis para ter um blog diferente ao menos em alguns aspectos. Uma boa modificação é trocar os ícones de imagens padrões ou mudar alguns links comuns a todo blog, como por exemplo o link de pé de página “Postagens mais antigas”.
Todo pé de página dos blogs tem links para mudar de página com os demais textos e artigos ou indo para a a próxima página ou a anterior e até mesmo para a primeira página.
É simples de mudar isso. Vc pode simplesmente deletar essa função ou substituir o texto para imagens. Entre no “Editar HTML” e marque “Expandir modelos de widgets” e encontre as linhas indicadas no código. Siga os passos abaixo (vale lembrar que, antes de fazer qualquer modificação no seu código fonte, faça um backup do modelo completo).
Para deletar. Apague o código destacado em vermelho.
Passo 1: Para o “Postagens recentes” (do lado esquerdo):
<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>
Passo 2: Para o “Início” (no centro):
<a class=’home-link’ expr:href=’data:blog.homepageUrl’><data:homeMsg/></a>
Passo 3: Para o “Postagens antigas” (do lado direito):
<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>
Apagando o indicado esses links não aparecerão mais no seu blog.
Para colocar imagens é tão simples quanto. Basta substituir o indicado em vermelho pelo:
<img src="URL DA IMAGEM" />
A única dificuldade é que vc terá de selecionar imagens do seu agrado, que sejam compatíveis com o layout do seu blog e hospedar em algum lugar na net.
Seja criativo!
Olá , caro amigo, vcs tem nos ajudado muito com suas idéias e ferramnetas que disponibiliza para os blogueiros… Mas quero aqui parabeniza-lo pelo o seu blog, exelente. Conte conosco…
Um grande abraço
Rapaz…
Isso é muito bom!
Exatamente o que eu precisava, o template que uso atualmente não tem nem os links “antigos” e “Recentes”
Só duas perguntinhas…
Eu posso colocar esses códigos em qualquer lugar na janela de editar html ou eu preciso coloca-los em lugar especifico?
E outra coisa, sobre o tamanho das imagens fiquei meio enrolado aqui, com certeza farei muitos testes e darei uma olhada aqui.
Muito obrigado 😀
Elle[ADM]
Acho q dá pra colocar o código em qualquer parte. Tem que testar e ver como fica.
Sobre o tamanho das imagens, tem q ser adequado ao seu modelo de template, nisso eu não tenho como ajudar.
Colocando Imagem
não da, fica dando erro do "im" ou do "src" diz que falta " ou ">" ou "/>"
DJ Duda,
vc está colocando o código da imagem de forma errada, por isso que acusa o erro. Coloque o código da forma mais simples possível e no final feche com "/>".
Assim funciona!
quando eu fecho o url da imagem com o "/>" não aparece nem imagem, nem o "Postagens Recentes"
valeu pela dica
Eu não consegui, fiz td direitinho, mas nada apareceu. Preferi apagar para nao dar erro no html…
Muito bom sua iniciativa de compartilhar sua sabedoria (bom entendimento sobre blogs) conosco.
Muito obrigado tem me ajudado bastante !
Ae, tutorial me ajudou bastante, sou muito grato mesmo !!!
Valeu pela ajuda! Muito boa dica!
Funcionou perfeitamente,parabéns
vlw, consegui. muito obrigado
Olá Marcos,,eu tentei colocar imagens mas aparece isso: " Mais de um item encontrado com o id: HTML11. Os IDs de itens devem ser únicos e exclusivos".
Vc poderia me dar uma ajudinha,,,obrigada!
@Rezinh@cDesigns.
Basta vc trocar o nome da IG por outra coisa, como HTML12…
Marcos, só queria dizer que o meu blog dependeu do seu até hoje pra ele existir, acho que vai depender por um bom tempo ainda! rsrs
Foi só uma forma de agradecer! Obrigada!
beijos
Mais fácil do que eu pensava. Obrigada pela dica.
Gostei tanto deste artigo, que coloquei em prática e já enviei o link aos amigos.
Obrigado Marcos.
Abraços
Muito Obrigado, o Fundo do meu Blog Estava a Mesma Cor Que a do Postagens mais Antigas e Eu Tentei Mudar a Cor Mas Nao Consegui Ainda bem Que Achei Esse Tutorial =D
Valeu pela dica , como estava as letras eram muito pequenas e as pessoas não conseguiam ver as postagens antigas, agora eu subistitui por imagem ficou bem legal quem quiser dar uma olha ou copiar a imagem do botão fique a vontade,vou deixar aqui os links das imagens .
IMAGEM BOTÃO ANTERIOR : http://i690.photobucket.com/albums/vv262/camiloaparecido/3993645425_57b0f0acce_o-1.png
IMAGEM BOTÃO INÍCIO : http://i690.photobucket.com/albums/vv262/camiloaparecido/3994407696_82fd3d296b_o-1.png
IMAGEM BOTÃO PRÓXIMO : http://i690.photobucket.com/albums/vv262/camiloaparecido/4047637239_a9fe501a23_o.png
Muito bem organizado. Com esta explicação foi fácil. Obrigado!
Meu site preferido de ajuda ao blog 😀 vlw Marcos Lemos!