domingo, 30 de setembro de 2012

Adicionar caixa sobre autor no rodapé dos posts

Adicionar caixa sobre autor no rodapé dos posts
Uma das várias formas para que os nossos leitores se sintam mais familiarizados com o nosso site, pode ser feita através de uma página "Sobre o Autor", onde podemos escrever um pouco sobre nós fazendo com que os leitores nos identifiquem e associem ao nosso site. Porém a página "Sobre o Autor" pode ser inserida numa caixa sobre o autor no rodapé dos posts, aparecendo automaticamente sempre que é escrito um novo artigo.

Além da identificação, esta funcionalidade também permite ganhar mais um pouco mais de credibilidade entre os leitores, pois normalmente todos nós gostamos de associar a informação a uma pessoa, marca ou instituição.

Além da forma automática, a caixa podem também ser adicionada manualmente sempre que escreves um novo post.

Como adicionar manualmente

Adicionar caixa sobre autor no rodapé dos posts
Para adicionar manualmente é necessário que copies o código que se encontra abaixo e o coles no mesmo sitio onde normalmente escreves os teus artigos, mas no separador "HTML" em vez do separador "Redigir". Vê o exemplo da imagem (Clica na imagem para aumentar).

<p style="border-bottom: 1px dotted #3A6DA1;"></p>
<font style="font-size:18px"><b>Sobre o Autor:</b></font>
<table border="0">
<tr>
<td><img src="URL_da_IMAGEM" alt="SEU_NOME" border="0" style="border-bottom: 0px; border-left: 0px; margin-left: 0px; border-top: 0px; margin-right: 5px; border-right: 0px" /></td>
<td>Aqui colocas um pequeno texto onde falas sobre ti. A descrição não deve ser muito longa. </td>
</tr>
</table>
<p style="border-bottom: 1px dotted #3A6DA1;"></p>
  • URL da Imagem: tal como o nome indica, aqui colocas o link de uma imagem tua. Em relação ao tamanho da foto, o ideal é que seja 125x125.
  • Seu Nome: aqui deves colocar o teu nome, pois sempre que leitor passar com o ponteiro do rato em cima da foto, o teu nome será exibido.
  • Sobre o Autor: Este é o título da caixa e pode ser alterado como quiseres e colocar por exemplo "Sobre Mim".

Como adicionar automaticamente

Para adicionar de forma automática sempre que é publicado um novo artigo é um pouco mais complicado, pois é necessário "mexer" no código fonte do Blogger. Para inserir automaticamente segue os seguintes passos:

  1. Vai ao painel do blogger, no menu do lado esquerdo vai a "Modelo" e por fim clica em "Editar HTML".
  2. Agora procura a seguinte linha de código: <div class=’post-footer’>
  3. Encontrada a linha de código, copia o seguinte código abaixo (que é igual ao da edição manual) e cola-o ACIMA da linha  <div class=’post-footer’>.
Para ter a certeza que tudo ficou como deve ser, faz primeiro "Visualizar" e se não ocorrer nenhum problema, podes guardar o modelo.

Sobre o Autor:
Adicionar caixa sobre autor no rodapé dos posts Facebook | Twitter | Google +

João Paulo Gramacho é o criador do Bizzarru.com onde escreve artigos sobre como ganhar dinheiro, dicas para blogs e técnicas SEO. Além de Webmaster também é licenciado em Química pela Faculdade de Ciências das Universidade de Lisboa.
Reacções:
Blog Widget by LinkWithin