Mostrar Link Curto das Postagens - Encurtador de Links no Blog

Sempre é importante criar novas formas de divulgar seu blog e atrair mais visitantes para suas paginas. Você pode mostrar o link encurtado no final de suas postagens o que pode facilitar as pessoas copiarem o link e postarem no Twitter ou alguma outra rede social. Concordamos que na divulgação do blog em redes sociais existem muitos tipos de botões de compartilhamento que já fazem o envio automático, mas sempre é bom dar mais uma opção principalmente porque ocupa pouco espaço na pagina do blog e serve como mais um incentivo a divulgação.

Entre na pagina editar HTML, nós sugerimos fazer um backup do template antes de alterar o HTML do blogger. Marque para expandir o modelo de widgets e procure por <data:post.body/> e coloque esse código logo depois.

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

Outro posicionamento interessante pode ser mostrar o link no inicio da postagem e para fazer isso só precisa colocar o código que mostramos antes de <data:post.body/> ao invés de depois dele.

Além disso se quiser você pode colocar o código depois de <div class='post-footer-line post-footer-line-3'/>, isso faz o link aparecer mais para baixo depois do nome do autor da postagem, marcadores e link de comentários do blog. O html div class='post-footer-line post-footer-line-3 varia um pouco em cada template, mas o importante é achar post-footer-line-3 e também esse numero pode ser 1 ou 2, se colocar nesses outros trechos o link encurtado do seu post parecerá numa linha entre os marcadores ou nome do autor do blog dependendo de como está o seu layout de postagem.

Veja também:
5 Dicas para Ajudar na Divulgação de Blogs
Botões das Redes Sociais na Vertical - Compartilhar Posts
Erros que Fazem Perder Visitas no Blog
Como Comentar Blogs e Conseguir mais Visitas

Alguns blogueiros pediram ajuda sobre isso em comentários por isso fizemos esse tutorial, mas claro que nem todos gostam deste tipo de acessório usar no blog, então acho que cada um deve pensar se isso pode ajudar seu blog ou combinará com o seu template atual e assim decidir se deve ou não utilizar.

Veja mais Dicas e Tutoriais: > Acessórios > Códigos > Mais visitas > Redes Sociais > Twitter