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. Muito bom Paulo. Estava procurando por um código desse tipo pra colocar no meu blog.

    Mateus Tavares

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

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

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