Mostrar URLs cortas con Bit.ly en Blogger

Bit.ly es un servicio web que se encarga de acortar las URL, es utilizado principalmente en Twitter. En esta oportunidad les mostraré cómo añadir al final de cada entrada la URL corta mediante este servicio.

Se verá mas o menos así:

En ''Diseño | Edición HTML'', marcaremos ''Expandir plantillas de artilugios''. Buscaremos la siguiente línea:

</head>

Arriba de ésta, pegaremos el siguiente código:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&amp;login=USUARIO-BITLY&amp;apiKey=APIKEY' type='text/javascript'/>
<script src='http://dl.dropbox.com/u/28164309/acortador%20bitly.js' type='text/javascript'/>
</b:if>

Reemplaza los siguientes valores:

• USUARIO-BITLY (Corresponde a tu nombre de usuario)
• APIKEY (Para conocer la API Key, deberás ir a Settings en Bit.ly)

Ahora busca la siguiente línea:

<div class='post-footer-line post-footer-line-3'>

Si no la encuentras busca la siguiente:

<p class='post-footer-line post-footer-line-3'>

Si no logras identificar la sección en tu plantilla busca el siguiente código:

<data:post.body/>

Debajo de alguno de estos códigos, pega el siguiente:

<div id='ab_shorturl'>
<form expr:id='&quot;ab_short_holder_&quot; + data:post.id'/></div>
<script type='text/javascript'>
acortador_url.init(&quot;ab_short_holder_<data:post.id/>&quot;,&quot;<data:post.url/>&quot;)
</script>

Guarda los cambios y listo.