domingo, 8 de janeiro de 2012

Postagens relacionadas com imagem no Blogger – 2leep

2leep - logo

É importante você ter um widget de postagens relacionadas com imagens abaixo de suas postagens para chamar a atenção do visitante e fazê-lo ficar mais tempo no seu blog. Uma das ferramentas que faz isso é o 2leep, defendido por muitos como o melhor, por ter mais opções de personalização, por se basear no seu feed e por você ter acesso a estatísticas. Por isso escolhi usá-lo no aqui no Fique Sabendo! e fazer este tutorial ensinando como fazer para coloca-lo no se blog do Blogger.

OBSERVAÇÃO: Nos últimos meses o 2leep está com alguns problemas de funcionamento, por isso não é recomendável mais o uso dele. Use o LinkWithin.

1º – Acesse o site do 2leep;

2º – Clique no botão “iobter um widget!”

Clique em iobter um widget

3º – Abrirá uma pequena janela logo abaixo. Ele divide a instalação em quatro passos. O primeiro é você colocar no campo dado o endereço do seu blog.

Coloque o endereço do seu blog

Clique em “próximo”;

4º – No passo dois ele estará carregando as suas postagens. Depois do carregamento ele irá para o passo 3, onde você irá escolher o modelo do widget.

Escolha o modelo do widget

Escolha um modelo e clique em “próximo”.

Depois você poderá mudar o modelo do widget acessando a sua conta do 2leep, que você irá criar no passo 4 da instalação.

5º – No passo 4 da instalação, você irá fazer o seu cadastro no site do 2leep. É importante você fazer este cadastro porque através dele você poderá mudar o modelo do seu widget e ainda acompanhar as estatísticas dele.

Fazer o cadastro no 2leep

Coloque o seu e-mail e sua senha e clique em “registre-se”.

6º – Você será redirecionado para uma página para terminar de configurar o seu widget, onde você escolherá o tamanho da imagem, o tamanho do widget e verá um exemplo logo abaixo e o código ao lado.

Página de configuração do widget do 2leep

7º – Depois de configurar do jeito que você quis, copie o código;

8º – No Blogger vá em Design>Editar HTML ou se você usa a nova interface do Blogger vá em Visão Geral>Modelo>Editar modelo. Clique na caixa “Expandir modelos de widgets”.

9º – Dê um Ctrl+F e procure por este código:

<div class='post-footer-line post-footer-line-3'/>

Abaixo dele cole este outro código:

<b:if cond='data:blog.pageType == "item"'>
<b>Leia também</b>
CÓDIGO DO 2LEEP
</b:if>

Onde tem “Código do 2leep” é onde você deve colar o código que copio do site do 2leep.

Pronto, agora você já tem as postagens relacionadas com imagens abaixo de todas as suas postagens.

Jóckisan

é pernambucano, e é estudante e blogueiro nas horas vagas. Gosta de estudar, ler livros, assistir a bons filmes e séries. Na internet gosta de ler notícias interessantes, tecnologia e TV. Também escreve no Mundo Geek.
comments powered by Disqus

 

Copyright @ 2011-2015 Fique Sabendo!.