Imagem no Postagem Recente ou Antiga

Siga o Ferramentas Blog: Canal no Youtube | Facebook | Twitter | Google+
Acesse AGORA: https://blogueiro.pro e se torne um Blogueiro de Elite.

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

barra28

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

.

22 Comentários

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

    Responder

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

    Responder

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

    Responder

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

    Responder

  5. Muito bom sua iniciativa de compartilhar sua sabedoria (bom entendimento sobre blogs) conosco.

    Muito obrigado tem me ajudado bastante !

    Responder

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

    Responder

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

    Responder

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

    Responder

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

    Responder

Deixe um comentário

Ao comentar você concorda com nossa Política de Comentários.