quarta-feira, 4 de novembro de 2015

Visual Dicas

Visual Dicas

Link to Visual Dicas

Como inserir uma lista de links relacionados no seu Blogger

Posted: 03 Nov 2015 11:16 AM PST

Como inserir uma lista de links relacionados no seu Blogger - Visual Dicas

Links Relacionados (Artigos Relacionados)

Escrito em 31/07/2011 | Atualizado em 02/11/2015

Aproveitando o trabalho de reconstrução do blog Visual Dicas em julho de 2011, mostraremos neste artigo como inserir uma listagem de links relacionados através do LinkWithin.

Como inserir uma lista de links relacionados no seu Blogger - Visual Dicas

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

Como inserir uma lista de links relacionados no seu Blogger - Visual Dicas

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].

Como inserir uma lista de links relacionados no seu Blogger - Visual Dicas

Agora, clique no link [Install Widget].

Como inserir uma lista de links relacionados no seu Blogger - Visual Dicas

Pronto, agora selecione o blog desejado, clique no botão [Adicionar Widget].

Como inserir uma lista de links relacionados no seu Blogger - Visual Dicas

Para uma melhor performance, arraste o gadget para abaixo do campo de Postagens no Blog.

Como inserir uma lista de links relacionados no seu Blogger - Visual Dicas

Clique no botão [Salvar organização]. Pronto: seus links relacionados já estão inseridos e funcinonando no seu blog…

Como inserir uma lista de links relacionados no seu Blogger - Visual Dicas

Agora visualize sua página…

Como inserir uma lista de links relacionados no seu Blogger - Visual Dicas

Observe que os links relacionados do LinkWithin aparecerão em todos os seus artigos, inclusive na página inicial.

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

1- Primeiro, vá até onde está posicionado o novo widget LinkWithin, e clique em [Editar].

Como inserir uma lista de links relacionados no seu Blogger - Visual Dicas

Copie todo o conteúdo (código).

Como inserir uma lista de links relacionados no seu Blogger - Visual Dicas

2- No Painel do Blogger, em Modelo acesse [Editar HTML].

warning_48 Atenção:

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

Como inserir uma lista de links relacionados no seu Blogger - Visual Dicas

Cclique  em qualquer ponto dentro da na caixa de edição do modelo e utilizando o atalho [CTRL+F] para localizar o trecho post-footer-line-3 ou algo parecido.

image

Após localizado o trecho siga para o próximo item.

Como inserir uma lista de links relacionados no seu Blogger - Visual Dicas

3-  Acrescente o código abaixo:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

CÓDIGO DO WIDGET LINKWITHIN (que você copiou)

</b:if>

Ficando o código parecido com isto

Como inserir uma lista de links relacionados no seu Blogger - Visual Dicas

Visualize as alterações em [Visualizar]. Se tudo certo com o seu blog, clique em [Salvar Modelo].

Como inserir uma lista de links relacionados no seu Blogger - Visual Dicas

4- Se você salvou o gadget LinkWithin, volte para [Layout] no painel do Blogger, 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.

Como inserir uma lista de links relacionados no seu Blogger - Visual Dicas

Veja como ficou a nossa lista de links relacionados…

Como inserir uma lista de links relacionados no seu Blogger - Visual Dicas

 

Alterando a frase do LinkWithin

Para personalizar a frase-padrão do gadget, usando [CTRL+F] procure novamente por:

post-footer-line-3

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].

Como inserir uma lista de links relacionados no seu Blogger - Visual Dicas

E então, com o novo texto…

Como inserir uma lista de links relacionados no seu Blogger - Visual Dicas

byALF

Nenhum comentário:

Postar um comentário

Os comentários são muito bem vindos e importantes, pois enriquecem o conteúdo dos artigos.

Afilia-se na NetAffiliation

Ganhe dinheiro com os Programas de Afiliados