21 de fev de 2012

Criando um widget de posts relacionados com LinkWithin

Melhore a qualidade de seu blog fazendo com que seus visitantes permaneçam por mais tempo!
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 instalá-lo 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!
1. Instalando o Widget de forma padrão
1.1. Acesse a página do LinkWithin

1.2. Preencha o formulário roxo, localizado no canto direito da página. Conforme abaixo:
  1. Digite um e-mail valido;
  2. Digite o link de seu blog/site;
  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;
1.3. Feito isso clique em “Get Widget!”

1.4. Você será redirecionado para uma página de instalação do Widget, então clique em "Install Widget";
1.5. Selecione seu blog e clique em "Add Widget";
1.6. Feito isso, o Widget será instalado automaticamente no layout do seu blog;
2. Instalando o Widget apenas nas páginas de postagem
Para colocar o widget somente no fim de cada página individual, como aparece aqui no Gerenciando iDéia'S, faça os seguintes procedimentos:

2.1. Dentro do Widget copie todo o código fornecido pelo LinkWithin. Como no exemplo:

2.2. Vá em Editar HTML e clique em "Expandir modelos de widgets";
ATENÇÃO: Faça o backup do seu modelo atual, para o caso de ter algum problema.

2.3. Feito o procedimento no item 2.2., dentro do HTML procure pelo seguinte trecho (Use Ctrl+F):
<p class='post-footer-line post-footer-line-1'>
2.3.1. Caso não encontre procure por:
<div class='post-footer-line post-footer-line-1'>
2.4. Abaixo do trecho anterior cole o seguinte código:
<b:if cond='data:blog.pageType == "item"'>CÓDIGO DO LINKWITHIN</b:if>
Onde está escrito CÓDIGO DO LINKWITHIN substitua pelo código que você copiou como mostra o exemplo do item 2.1.
2.5. Feito os procedimentos anteriores clique em "Visualizar", se estiver tudo em seu devido lugar clique em "Salvar Modelo".

Até a próxima!

a Comentários