Mostrar Link Encurtado nas Postagens do Blog

Neste post venho mostrar aqui para vocês como colocar um curto link usando o bit.ly. Está pequena caixa com o link encurtado ficará no final de cada postagem do blog. Isto é muito útil e também facilita o compartilhamento em redes sociais. Link encurtado é muito comum ser visto no twitter, Facebook  etc. Vou compartilhar aqui com vocês esse código tão legal!!!



              Seguir @DicashotBlogger



Após instalado em seu blog ele ficará como na imagem abaixo:

Procure no código HTML por </head> e coloque esse código antes dele:

<script type="text/javascript" charset="utf-8" src="http://bit.ly/javascript-api.js?version=latest&login=bturls&apiKey=R_37db93397f2c5d6b49a0f3d778d2e142"></script><br /> <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 = "Compartilhe esse Link: <input type='text' value='" + result['shortUrl'] + "' name='bitlyurl'/>"; } BitlyClient.shorten(document.location, 'BitlyCB.myShortenCallback'); }); </script>

Agora procure por <div class='post-footer-line post-footer-line-3'> e coloque esse outro código depois dele:

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

Tendo feito isto, está pronto. Comente.