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

Receba nossos posts por feed ou email

Posts Relacionados

15 Comentários

  1. Bá Paulo, Estou usando um template do blogger, e não achei os codigos da primeira citação.
    Poderia me Ajudar?
    Agradeço desde já.
    Abraços.

  2. O meu aparece somente no meu primeiro post so que em vez de entrar no link do post quando clique no link que gerou abre a paginal inicial do meu blog

  3. Parabens vc realmete é bom. procurei em mais de 30 blogs é verdade nao é zuação e não consegui um que se encaixava no meu template, o aeu coube direitinho, boa sorte. FALOW

Faça um comentário