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:
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'/>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.
OU
<div class='post-footer-line post-footer-line-3'>
OU
<div id='post-footer'>
3) Insira o código logo abaixo:
<b style='float: left; margin-top: 3px;'>Divulgue: </b>4) No código inserido acima substitua:
<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>
- SUAAPIKEY -> Entre no Bitw.in, faça seu login, depois clique sobre seu nome (localizado no topo do site) e clique em “Configurações”.
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 {Dúvidas e problemas na funcionalidade entrem em contato.CÓDIGO AQUI}
Abraços
Tutorial desenvolvido Por:








0 comentários:
Postar um comentário
Deixe Seu Coméntario