Websnapr é uma ferramenta online que permite capturar screenshots de qualquer página da web.
Ou seja. Seus visitantes podem visualizar a página, antes mesmo de visita-lá. Apenas posicionando o mouse sobre o link.
Pois ao posicionar o mouse sobre o link, uma miniatura do site aparecerá referente ao link especificado.
Para ter esse recurso no seu Blog, o processo é muito simples.
Então vamos ao Processo de Instalação do Recurso.
1. Fazendo o Cadastro
Antes de tudo é necessário um pequeno cadastro básico.
Acesse o site Clicando Aqui.
Feito isso preencha o formulário de cadastro com suas informações básicas (Email, Link do seu Blog e Senha)
Após ter efetuado o seu cadastro, você receberá um Email de confirmação.
Acesse seu Email para confirmação de cadastro e clique no link para concluir seu cadastro no site.
Feito isso, você receberá um número de usuário semelhante a esse (r29V7Bv0C408).
Copie esse número, cole no bloco de notas, e salve em um lugar no qual se lembre depois.
2. Instalação do Recurso no Código do Seu Blog
No painel do Blogger, Vá para Design/ Editar HTML procure pela tag <head> “Utilize o Crtl+F caso tenha dificuldade de encontrar”
Copie o código abaixo e cole após da tag <head> Efetuando as mudanças necessárias.
<script src=http://bubble.websnapr.com/COLOQUE AQUI O SEU NÚMERO DE USUÁRIO/swi/ type="text/javascript"></script>
“O número de usuário é aquele no qual você salvou no bloco de notas anteriormente”
3. Chamando o Recurso nos Links
Após ter instalado o recurso no seu código, é preciso chamar o JavaScript no link.Exemplo:
<a class="websnapr" href="http://www.seulinkaqui.com.br">Texto que Será Exibido</a>
Pronto, Agora você já pode usar o recurso no seus links.