-->
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
Cómo obtener la primera imagen del post en Blogger sin Javascript #1 - Cómo obtener la primera imagen del post en Blogger sin Javascript
Personalizar viñetas en Blogger #2 - Personalizar viñetas en Blogger
Redimensionar las imágenes de #GooglePlus mediante su URL #3 - Redimensionar las imágenes de #GooglePlus mediante su URL
Plugin configurable para obtener las entradas desde Json para Blogger #4 - Plugin configurable para obtener las entradas desde Json para Blogger
Nuevo en Blogger: Editor HTMLde la plantilla mejorado #5 - Nuevo en Blogger: Editor HTMLde la plantilla mejorado