Links Encurtados no fim do Posts com Bitly

Você já deve ter reparado nos sites que você acessou, ao final de cada post tem um link encurtado para, que você divulgue o artigo. Eu ainda não uso esta ferramenta em meu blog, mas vou ensiná-los a adicionar em seu blog. 

É sempre bom lembrar que antes de você fazer qualquer alteração em seu blog, faça o backup de seu template, ou use um blog teste, para constatar o bom funcionamento das alterações que você está prestes a fazer no seu blog principal.

Acesse o site bitly e faça seu cadastro.

Você pode usar sua conta do facebook, twitter ou usar um e-mail.

Adicionar Short Link no final de cada Post

Acesse seu blog > Vá em modelo > Editar HTML > De CTRL+F e procure pela tag 
]]></b:skin> e cole o código abaixo acima desta tag.

form#shorturl {
color:#666;
font-size:11px
}
#shorturl input {
color:#999;
border:1px inset #CDCDCD;
padding:1px 5px;

}

Agora encontre a linha: <div class='post-footer-line post-footer-line-3'> 
Se você não encontrar procure por: <div class='post-footer-line>

Que poderá ser a line-1 ou line-2
Abaixo dessas linhas cole o código:

<b:if cond='data:blog.pageType == "item"'><form id='shorturl'/></b:if>

Certifique-se de que o código ficará dentro da div post-footer-line. Se a linha estiver assim: <div class='post-footer-line post-footer-line-3'/>

Você deve tirar a barra / e fechar com a tag: </div>
Colocando a linha do código do short url entre as duas linhas.


Veja como fica: 
<div class='post-footer-line post-footer-line-3'> <b:if cond='data:blog.pageType == "item"'><form id='shorturl'/></b:if></div>

Depois de ter adicionado os códigos acima, procure pela tag </head>
E cole o script abaixo acima desta tag.


<script type="text/javascript" charset="utf-8" 
src="http://bit.ly/javascript-api.js?version=latest&amp;
login=SEU_LOGIN&amp;apiKey=APIKey"></script>
<script type="text/javascript" charset="utf-8">
 BitlyClient.addPageLoadEvent(function(){
  BitlyCB.myShortenCallback = function(data) {
   // this is how to get a result of shortening a single url
   var result;
   for (var r in data.results) {
    result = data.results[r];
    result['longUrl'] = r;
    break;
   }
   document.getElementById("shorturl").innerHTML = "Share this link: 
&lt;input type='text' value='" + result['shortUrl'] + "' name='bitlyurl'/&gt;";
  }
  BitlyClient.shorten(document.location, 'BitlyCB.myShortenCallback');
 });

</script>

Depois clique em visualizar para se certificar de que esta tudo ok, e salve.

Configure o seu Short URL no site Bitly

Acesse o site > Faça login > Vá em Settings > Clique em Advanced > E clique em 
Show legacy API key .
Irá expandir com as informações do seu Login e API key que você deverá 
copiá-los e colar no código acima onde esta destacado em azul.

Depois de concluir todo o processo, salve!