Criar um Gadget de Perfil do Autor personalizado em blogs do blogger

Mostrarei uma segunda maneira de criar um gadget perfil para seu blog ou site, com pouco uso de código e usando o blogger

Aviso: Usuários do blogger tem por padrão uma página de perfil, veja como criar ou mudar seu perfil, clique, algumas pessoas tem a opção de 'compartilhar meu perfil' desmarcada, e isso é péssimo para um blogueiro, principalmente quando comenta em outros blogs, isso pega mau.

Já mostrei, para quem usa o blogger, como colocar o gadget perfil do autor do blog mas, quem tem blog 'compartilhado' ou tem mais autores para o mesmo blog, o gadget perfil fica diferente, sem foto, etc. Para esses e para quem quiser um gadget perfil mais personalizado que o padrão do blogger, abaixo mostrarei como criar seu próprio gadget de perfil, usando o blogger para isso.

A ideia é usar a área de criação de postagens do blogger para inserir a foto ou imagem, para criar o link e personalizar o texto, tudo isso sem uso de códigos, depois de ter tudo isso personalizado, aí então pegar o código Html que a área de criação de postagem gerou para esse seu texto e imagem personalizado e usar esse código para servir como gadget do tipo HTML/JavaScript.

Algumas coisas para fazer, pode ser um pouco difícil, mas o que você aprender fazer nessa postagem e nos links que indicarei para aprender coisas como inserir um link no post, tudo isso lhe servirá futuramente para criar postagens melhores, até para alterações no blog, criar leva a prática e é um exercício que prepara sua mente para nova aprendizagem.

Quando você escreve(ou posta) na área de criação de post, coloca imagem, cria um link, usa cores, o blogger transforma em código Html, ele insere tags Html para cada personalização, para cada elemento como uma imagem, e, esse código fica disponível para você alterar(se você souber Html), e, da mesma maneira esse código pode ser copiado e, como ele é Html, ele pode ser adicionado na lateral do blog, como gadget do tipo HTML/JavaScript. O que quero é que você perceba que é possível iniciar a criação de uma postagem apenas para poder personalizar um pequeno texto com uma imagem e fazer com que esse pareça um gadget de perfil personalizado.

Criando seu gadget perfil

Atualização 2012, o visual do editor de criar post(árfea de criar postagem) do blogger mudou com a remoção da antiga interface e o lançamento da nova interface do blogger, por esse motivo as imagens abaixo são diferentes do que você verá, mas as opções necessárias ainda existem.

São 6 passos quase simples, para efetuar eles você só precisa:
1. Na opção Escrever
   
2. Postar uma imagem(pequena ou média) e transformar ela em link

   Se você usa o novo editor do blogger e não sabe colocar uma imagem link, clique aqui, mas se você usa o editor antigo, colocar imagem e transformar em link

3. Criar um link de texto com seu nome(para a página de seu perfil), uma introdução(descrição) de seu perfil e mais um link dizendo Ver perfil completo ou Visualizar perfil

   Esse passo é simples, é so colocar seu nome ou apelido e depois uma introdução e depois transformar o nome em link, se não sabe transformar uma palavra em link no post, clique aqui

4. Editar Html desse código para gadget de perfil

   Na área de criar Nova postagem tem a opção Escrever e tem a opção HTML, a parte escrever é mais recomendada, mas as vezes é preciso alguma alteração na parte do código do post, como essa que precisará fazer no passo abaixo

Clique para aumentar
5. Acrescentar uma 'tag' que vai dar uma relação ao links, essa tag serve para 'dizer' aos mecanismos de busca que você está criando links para uma página de seu perfil

   Na parte Html você deverá encontrar todas essas tags <a e deixar um espaço e acrescentar: rel="author" o resultado ficará parecido com isso:
   <a rel="author" href="http://
   
   Cuidado com os espaçamentos corretos, e isso é uma coisa que é especificamente para o gadget perfil, só para ressaltar, isso você não precisará fazer em outras postagens, é só um código que ficará só para mecanismos de busca saberem que é um link para o seu perfil do author

6. Selecionar todo o código gerado, copiar e inserir como gadget HTML/JavaScript

   Tudo pronto, na parte Editar Html do post você pode selecionar e copiar todo o código, aí, é só colocar códigos de gadget na lateral do blogger, clique e terá a opção de dar um título como Meu perfil, Quem sou eu ou algo que sua criatividade mandar

Clique para aumentar


Fazendo esse post, eu precisava de um exemplo, pensei em criar um descrição sobre mim, mas além de eu ser péssimo em rotular acho que conheço melhor meu blog do que eu mesmo, resolvi fazer qualquer outra coisa e, procurei uma imagem e encontrei um rascunho que parecia uma bactéria, fiz umas colagens e pensei em algo de interessante e logo me veio a cabeça algo grave sobre bactéria, não que todas sejam ruins, mas que sirva de alerta as pessoas sobre uso errado de medicamentos, deveria ser papel do governo alertar e controlar, mas...
Serve até como uma idéia para você postar, as vezes a gente não sabe o que postar, ou tem pouco tempo para fazer um bom post com assuntos do nosso blog, pode pegar coisas simples e que alertam as pessoas sobre algo e postar.

Enfim, você pode usar cores e tipo de fonte diferente para dar destaque a seu perfil, já que o editor de postagens tem uma barra de ferramentas para isso. Mais ou menos assim parecido poderia ficar um gadget perfil:

Meu Perfil(Exemplo)

Sr. Bactéria
Sou um ser unicelular, nem vegetal e nem animal, me multiplico facilmente e adoro um antibiótico mau administrado e não receitado por médico.
Meu lema: O que não me mata só me fortalece!
Ver perfil

• Aparência de comentário do autor no Blogger
• Como mudar imagem no BlogSpot
• Permitir que outro autor poste no blog com blogger
• Colocar nome do autor de postagem no BlogSpot
• Colocar avatar nos comentários do BlogSpot