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

¿Cómo añadirlo en Blogger?

Importante: Deberás tener una cuenta en bit.ly para realizar estos procedimientos.

Paso 1: Añadiendo el script:

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)

Paso 2: Añadiendo el acortador de URLs:

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.