Substituindo o nome do autor nas postagens por imagem

Hoje vou mostrar como substituir o nome do autor que fica abaixo ou acima de todas as postagens por uma imagem de sua preferência, para quem usa o Blogger (BlogSpot) da Google. Exibir seu nome em forma de uma marca ou imagem pode ser uma alternativa interessante para destacar-se e para que seu público conheça melhor quem é você, se interessando mais pelo autor dos posts.

Primeiro prepare uma imagem pequena com seu nome personalizado (apenas sugestão), logo após vá até o editor HTML do seu blog e clique em “Expandir Modelos Widgets” e procure por:

<data:post.author/>

Agora cole antes do trecho acima o código da imagem abaixo:

<img border="0" src="URL DA IMAGEM" />

Substitua pela url da imagem escolhida e pronto, simples assim. Caso queira deixar a imagem com link adicione antes do <data:post.author/> o seguinte trecho:

<a href="LINK AQUI"><img border="0" src="URL DA IMAGEM" /></a>

Faça a substituição dos trecos em negrito e está terminado. Qualquer dúvida é só comunicar nos comentários abaixo. Até a próxima.

11 Comentários

  1. como colocar uma relogio desse ou qualquer outra imagem no dia e data no inicio das postagens?


    O artigo é muito bom e muito bem explicado!

    Responder

  2. @Louise,
    Muito em breve farei um tutorial sobre isto como prometi no post de apresentação do novo template. Que bom que voê gostou do artigo, fico feliz em ter ajudado.

    Abraço.

    Responder

  3. Leo, muito bem explicado e tá de parabéns.

    Mas tenho outra dúvida que proucurei aqui pelo blog, e não consegui solucionar..
    Tenho um blog com dois autores, e então no perfil, aparece apenas o link para vizualizar o perfil separado de cada uma. Eu queria que aparecesse a foto separa de nós duas na página do blog. Como eu faço isso?

    Responder

  4. @Mary,
    Acho que no blogger não é possível incluir dois perfis na mesma home do blog. Mais que tal invertar? Coloque as duas fotos em uma gadget HTML com um link apontando para o perfil de cada uma de acordo com a respectiva foto.

    Responder

  5. @dialogosnarede,
    Agradeço, e seja bem-vinda ao blog.

    Aproveito este comentário para agradeçer também ao Gustavo pelo Link a este artigo no excelêncente QCB.

    Responder

Deixe um comentário

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