Criando um widget de posts relacionados no blogger

Usar um widget de Posts Relacionados, pode ajudar a melhorar a qualidade de seu blog, dando um ar “mais profissional” e principalmente fazendo com que seus visitantes fiquem mais tempo em seu blog e visitem mais páginas!

Muitos não usam esse widget por acharem que para instala-lo se precisa de conhecimentos “avançados” em HTML, o que não é verdade! Hoje existe um site chamado LinkWithin, que faz todo o serviço complicado para nós! Vejamos:

1 – Acesse a página do LinkWithin

2 – Preencha o formulário roxo, localizado no canto direito da página. Veja:

     1 – Digite um e-mail valido

     2 – Digite o link de seu blog

     3 – Escolha a plataforma em que seu blog está hospedado (Blogger, WordPress, TypePad ou Outras)

     4 – Escolha a quantidade de links que você quer relacionar a cada posts

     5 – Marque essa opção se o fundo de seus posts for de cor escura

Feito isso clique em “GET WIDGET!”

3 – Depois de clicar em “GET WIDGET!”, você será direcionado a página de instalação do widget.

Clique no link “Install Widget” que aparece no item 1. Você terá que logar na sua conta de blog, se não ainda tiver feito isto.

4 – Depois de fazer isso, escolha o blog em que deseja adicionar o widget e clique em “ADICIONAR WIDGET” como nos mostra a imagem:

Depois disso, você será direcionado a página “Elementos de página” no Blogger. Ache o widget “LinkWithin” e coloque-o a baixo dos posts do Blogger:

Feito isso clique em salvar, e veja se está tudo correto!

Colocando o Widget somente nas páginas individuais

Para colocar o widget somente no fim de cada página individual, como aparece aqui no Você para Informática, copie todo o código fornecido pelo LinkWithin.

Vá em Editar HTML e depois marque a caixa “Expandir modelos de widgets” e encontre o seguinte trecho:

<p class='post-footer-line post-footer-line-1'>

E cole o código acrescentando as seguintes tags:

Antes do código adicione:<b:if cond='data:blog.pageType == "item"'> e depois do código do LinkWithin adicione a tag: </b:if>

Feito isso Visualize o template, se estiver tudo OK clique em “Salvar”

Até Já!!

Veja outros tutorias Blogger:

• Criar gadget de postagens populares
  
• Adicionar blocos de Anúncios 125 X 125 em seu blog
  
• Exibindo suas atualizações do Twitter no Blogger
  
• Como criar um FeedBurner para meu blog
  
• Adicionar blog em 321 buscadores do mundo todo
  
• Criar uma enquete para seu blog

Categorias: blogger,dicas,tutoriais,webdesigner