-->
Mostrar URLs cortas con Bit.ly en Blogger

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.
Artículo aleatorio
BuySellAds
BuySellAds
BuySellAds
BuySellAds
BuySellAds
Artículos destacados
Personalizar viñetas en Blogger #1 - Personalizar viñetas en Blogger
Reestructura fácilmente las entradas en Blogger #2 - Reestructura fácilmente las entradas en Blogger
Plantilla para Blogger: Give Away #3 - Plantilla para Blogger: Give Away
Cómo obtener la primera imagen del post en Blogger sin Javascript #4 - Cómo obtener la primera imagen del post en Blogger sin Javascript
Acceso al blog con contraseña #5 - Acceso al blog con contraseña