Dominio: codigosblog.com.br
Chave: af255c39c6cbf2ba03ac5b531649215539d8d61a
Hora do cache: 1469016200
Vida do cache: 1470312200
Status: 1
Mensagem: Licença válida
Chave do Pedido: 11808bbc6205bade68f0b70c302eaa74d4305945
Chave do Produto: PROKEY
Scroll Top

Junte-se a 22.515 pessoas que
decidiram aprender tudo sobre Blogs,
SEO e Monetização.

Dicas Links Widgets

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

15 Comentários

  1. Anselmo disse:

    MUito bom!

  2. Mateus Antônio disse:

    Muito bom Paulo. Estava procurando por um código desse tipo pra colocar no meu blog.

    Mateus Tavares

  3. comandoblogger disse:

    Muito bom, vai ajudar muita gente que usa e gosta do Bitw.in

    Att.
    Jamis Henrique

  4. servos de maria disse:

    Aderi a sua campanha amigo !!!
    @tioluan

  5. 佐藤弘光 disse:

    Muito Bom muita gente geralmente esta usando !!

  6. Jean Carlos disse:

    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.

  7. Tiago disse:

    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

  8. Tiago disse:

    Meu blog é memesdanet.blogspot.com

    Paulo, me ajuda não deu certo e eu fiz certinho como esta no tutorial.

  9. refics disse:

    o Mesmo problema do amigo acima

  10. Paulo Estevão disse:

    Pessoal, é preciso colocar sistema para aparecer somente nas postagens! Ou seja, use o tutorial:

    http://www.codigosblog.com.br/2009/10/ocultar-conteudo-da-pagina-inicial_05.html

    abraços

  11. Neto Barros disse:

    Paulo o que aconteceu com bitw.in tá dando erro

  12. Henrique C disse:

    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

  13. Julio Cezar disse:

    vlw…otimo!

  14. Carlos Rocha disse:

    Parabéns pelo post. O site bitw.in tá dando erro 502.

Para enviar seu comentário, preencha os campos abaixo:

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.