Links Relacionados (Artigos Relacionados)
Bem, como eu disse no artigo Cuidados quando for editar seu modelo HTML no novo painel Blogger in Draft, estou em fase de reconstrução do blog Visual Dicas. Aproveitando este trabalho, vou mostrar neste artigo como inserir uma listagem de links relacionados.
Links relacionados, para quem ainda não tem, são sugestões ou recomendações de outros artigos do seu blog apresentados aos leitores. Eles geralmente são inseridos no final da postagem e tem a função de divulgar artigos do seu blog motivando seus leitores a novas visitas. Então, nada melhor para isto do que apresentar estes links com títulos e imagens, não é?…
Existem vários serviços que possibilitam a criação de links relacionados, mas o LinkWithin ao meu ver, é um dos mais amigáveis e confiáveis de todos que testei.
Criando um widget LinkWithin
Acesse o site: http://www.linkwithin.com
Preencha os campos: [Email], [Blog Link] (URL do seu blog), [Platform] (Blogger, Wordpres.org, TypePad ou Other para qualquer site hospedado) e [Widht] (número de links que deseja adicionar). Se o seu blog possui fundo escuro, clique na caixa de seleção [My blog has light….]. Depois de tudo preenchido, clique no botão [Get Wideg].
Agora, clique no link [Install Widget].
Pronto, agora selecione o blog desejado, clique no botão [Adicionar Widget].
Para uma melhor performance, arraste o gadget para abaixo do campo de postagem.
Observe que os links relacionados do LinkWithin aparecerão em todos os seus artigos, inclusive na página inicial.
Se deseja manter desta forma, ou seja, que apareça também na página inicial, clique no botão [Salvar]. Pronto: seus links relacionados já estão inseridos e funcinonando no seu blog…
Se desejar colocar o Wideget só nas páginas individuais, sem aparecer na página inicial, siga os procedimentos a seguir:
Alterando para não aparecer na PÁGINA INICIAL
Atenção:
a) Antes de fazer qualquer alteração no código HTML do seu blog, faça o backup antes. Leia o artigo que mostrará todos os cuidados necessários para evitar erros no modelo e perdas de dados : Cuidados quando for editar seu modelo HTML no novo painel Blogger in Draft
b) No tutorial, mostramos o editor de HTML do Blogger.com. Se você desejar utilizar o Blogger in Draft, clique no link a seguir para saber como: Agora é possível editar HTML no novo painel do Blogger in Draft
1- Primeiro, vá até onde está posicionado o novo widget LinkWithin, e clique em [Editar]. Copie todo o conteúdo (código).
2- Depois, acesse o link [Editar HTML] e clique na caixa [Expandir modelos de widgets]. Utilizando [CTRL+F] localize o trecho post-footer-line-3 ou algo parecido.
Obs: Não esqueça, clique em [Baixar modelo completo] para fazer o backup do modelo, antes de fazer qualquer alteração no código HTML…
3- Logo em seguida, acrescente o código abaixo:
<b:if cond='data:blog.pageType == "item"'>
CÓDIGO DO WIDGET LINKWITHIN (que você copiou)
</b:if>
Ficando o código parecido com isto
Visualize as alterações em [Visualizar]. Se tudo certo com o seu blog, clique em [Salvar Modelo].
4- Se você salvou o gadget LinkWithin, volte para [Elementos da página], localize o widget e clique em [Editar]. Depois, clique no botão [Excluir] para que o widget não aparece mais na página inicial.
Veja como ficou a nossa lista de links relacionados…
Alterando a frase do LinkWithin
Para personalizar a frase-padrão do gadget, usando [CTRL+F] procure por:
< div class='post-footer'>
E cole logo abaixo do trecho encontrado:
<script>linkwithin_text='SEU TEXTO PERSONALIZADO:'</script>
Depois de inserido o código, visualize o blog para verificar se existem erros, e clique no botão [Salvar Modelo].
E então, com o novo texto…


Como inserir uma lista de links relacionados no seu Blogger
Angelo Luis Ferreira |
Domingo, Julho 31, 2011




Como divulgar seu blog com o botão +1 do Google































