Mostrar Link Curto das Postagens - Encurtando links automaticamente

Ex. de um link curto

Boa Tarde! caros leitores do Mais tutos venho pra lhe ensinar uma coisa, á encurtar links das postagens os encurtadores de links de postagens é muito bom para divulgação do seu blog. " Pra que serve esse links curto? " serve para seus leitores copiarem e divulgarem nas redes sociais e para outras coisas também.


Para colocar está ferramenta em seu blog é fácil. Bata seguir o tutorial abaixo:


1° Entre no editor Html do seu blog.
2° Marque expandir o modelo Widgets.
3° Procure por:

<data:post.body/>

3° Depois copie o código abaixo e cole depois da linha a cima:

<b:if cond='data:blog.pageType == &quot;item&quot;'><form onsubmit='return false;'>Link Curto
<input id='shorturl' onmouseover='javascript:this.select();void(0);' 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=74231e775e05ca3fe3387eaf0c1c7be61da2bd23'; 
document.body.appendChild(el); 
} 
} 
if(document.body.addEventListener){ 
document.body.addEventListener("load",document.body.onload,true); 
} 
//]]>
</script></input></form></b:if>

Você pode colocar o encurtador acima da postagem e abaixo. Para colocar acima basta colar o código que passamos acima de:

<data:post.body/>

Pronto espero que tenham gostado. Como vocês já sabem qualquer dúvida é só comentar!