Encurte automaticamente os links do seu blog com o Bitw.in e divulgue

Usando o API disponibilizado pelo encurtador de link Bitw.in é possível encurtar os links de suas postagens de forma automática e instantânea. Depois disso é só divulgar o link pelo próprio blog e contabilizar seus acessos.
O link será gerado e disponibilizado como no exemplo:


ATENÇÃO: Esse tutorial funciona apenas para Blogger, caso tenha interesse em usar em seu site ou blog de outra plataforma (WordPress por exemplo), acesse o seguinte link: http://bitw.in/chg

Vamos ao trabalho:
1) Faça login no Blogger, entre em “Design” -> “Editar HTML”. Marque a caixa “Expandir modelos de widgets”.

2) Procure (Ctrl + f) por:

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

Obs.: Se você tem conhecimento da estrutura dos templates para Blogger insira onde achar melhor. No entanto tenha cuidado para inserir DENTRO da área destinada às postagens. Se não o sistema do encurtador não vai funcionar de forma correta.

3) Insira o código logo abaixo:

<b  style=\'float: left; margin-top: 3px;\'>Divulgue: </b>
<form onsubmit=\'return false;\'>
<input id=\'shorturl\' readonly=\'readonly\' size=\'20\' type=\'text\'/>
<script language=\'javascript\' type=\'text/javascript\'>
//<![CDATA[
function encurtaURL(json){
document.getElementById(\"shorturl\").value = json.short_url;
}
document.body.onload = function(){
if(document.getElementById(\"shorturl\").value==\'\'){
var el = document.createElement(\"script\");
el.language=\'javascript\';
el.src = \'http://bitw.in/api/link/create.json?url=\'+encodeURIComponent(window.location.href)+\'&callback=encurtaURL&apikey=SUAAPIKEY\';
document.body.appendChild(el);
}
}
if(document.body.addEventListener){
document.body.addEventListener(\"load\",document.body.onload,true);
}
//]]>
</script>
</form>

4) No código inserido acima substitua:

  • SUAAPIKEY -> Entre no Bitw.in, faça seu login, depois clique sobre seu nome (localizado no topo do site) e clique em “Configurações”.

Em baixo existe um área chamada: “API KEY”. Clique para gerar o seu (caso ainda não tenha), em seguida copie o código fornecido.

Obs.: Esse API KEY é pessoal (cada conta tem a sua).

5) Salve e teste!

6 - opcional - )

  • Para mudar o texto “Divulgue”, basta substituir o texto.
  • Para personalizar a caixa com o link é só trabalho o CSS usando:
input#shorturl {
CÓDIGO AQUI
}

Dúvidas e problemas na funcionalidade entrem em contato.
Abraços