-->
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
Insertar Infolinks en Blogger # - Insertar Infolinks en Blogger
Solucionar problemas del nuevo editor HTML de Blogger # - Solucionar problemas del nuevo editor HTML de Blogger
Cómo obtener la primera imagen del post en Blogger sin Javascript # - Cómo obtener la primera imagen del post en Blogger sin Javascript
Habilitar los nuevos comentarios de Google+ en plantillas modificadas de Blogger # - Habilitar los nuevos comentarios de Google+ en plantillas modificadas de Blogger
Vídeotutorial: Crear plantilla para Blogger: Introducción a los códigos esenciales de Blogger # - Vídeotutorial: Crear plantilla para Blogger: Introducción a los códigos esenciales de Blogger