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!

Já pensou em ser um(a) Blogueiro(a) mais Profissional?

Está cansado(a) de ser um blogueiro mediano(a) e que não tem resultados com seu Blog, não ganha dinheiro e não recebe as visitas que gostaria?

Você chegou aqui procurando como aprofundar seus conhecimentos em Blog, como Ganhar Dinheiro com seu Blog, aplicar as melhores técnicas de SEO, divulgar seu Blog e fidelizar seu público alvo. E posso te ajudar com essas coisas e muito mais, elevando o nível de qualidade do seu projeto.

Desenvolvi um curso completo, totalmente online, cobrindo tudo o que é necessário para um Blog atingir seu potencial máximo, detalhe por detalhe, que vão te tornar um Blogueiro de Elite:
  • Técnicas de produção de conteúdo
  • Fidelização do Público alvo
  • Divulgação e Técnicas de SEO
  • Métodos e técnicas de Monetização
Acesse AGORA: https://blogueiro.pro e se torne um Blogueiro de Elite.

Esta é sua chance de ser mais profissional e ter um blog eficiente, completo e que pode ser sua fonte de renda permanente. Sou Blogueiro desde 2007 e condensei todo este conhecimento dentro do curso Blogueiro de Elite para entregar a você.

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.