Acortador de URLS automático en Blogger

Acortar una URL puede ser algo muy ventajoso, ya que hace mas vistoso el enlace y mucho mas corto, lo que se convierte en una mayor probabilidad que los usuarios compartan el enlace en sus redes sociales.

Seguro que ya conoces muchos acortadores de URL’S pero la mayoría acorta los enlaces de forma individual y tenemos que hacerlos nosotros mismos haciendo de esta tarea manual algo tedioso e incomodo.

Pero con el truco de hoy le dirás adiós a eso, ya que basta con agregar un par de lineas de código que hará todo el trabajo por ti de forma automática en todos los posts.

Como dice el titulo, se trata de un acortador de URLS automático en Blogger.

Para agregar este truco a tu blog ve a Plantilla, Editar HTML, y busca lo siguiente:

<b:skin>...</b:skin>

Allí das clic en la flecha que aparece al lado de este código y busca la etiqueta  ]]></b:skin> y arriba de esta añade lo siguiente:

#shorturl {
float: left;
background: #F8F8F8;
padding-bottom: 10px;
border-top: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
padding-top: 10px;
width: 570px; /Ancho del contenedor general/
}
#shorternh2 {
float: left;
padding-left: 20px;
padding-right: 10px;
}
.textinpo {
float: left;
font-family: "verdana",helvetica,Tahoma,Arial,sans-serif;
font-size: 12px;
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
background: #fff;
width: 150px; /Ancho del contenedor del enlace/
padding: 0px!important;
padding-left: 10px!important;
height: 20px!important;
margin: -4px!important;
}
Ahora busca <div class=’post-footer’> (si te aparecen 2 usa el segundo) y debajo de esa etiqueta pega lo siguiente:
<!-- Short URLs Script by Mil Trucos Blogger -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='shoternUrl'>
<form id='shorturl'/>
 <!-- short url widget script start -->
  <script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&amp;login=unbfacts&amp;apiKey=R_cb436480530becb8bb6e628aa34520f2' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
BitlyClient.addPageLoadEvent(function(){
BitlyCB.myShortenCallback = function(data) {
// this is how to get a result of shortening a single url
var result;
for (var r in data.results) {
result = data.results[r];
result[&#39;longUrl&#39;] = r;
break;
}
       document.getElementById(&quot;shorturl&quot;).innerHTML = &quot;<div id='shorternh2'>Sorprende a tus amigos con este hecho,Comparte este enlace!</div> &lt;input type=&#39;text&#39;  class=&#39;textinpo&#39; value=&#39;&quot; + result[&#39;shortUrl&#39;] + &quot;&#39; name=&#39;bitlyurl&#39;/&gt;&quot;;}
BitlyClient.shorten(document.location, &#39;BitlyCB.myShortenCallback&#39;);
});
</script></div>
    </b:if>
<!-- Short URLs Script by Mil Trucos Blogger -->

Ahora solo guarda los cambios y comprueba que todo este funcionando bien.

El acortado usado en este truco es bitly, puedes ver el truco en acción en el siguiente blog de pruebas.

Coméntanos que te ha parecido este truco, y si ya lo usaste dinos cual fue tu experiencia.

0
Shares

6 thoughts on “Acortador de URLS automático en Blogger

  • julio 26, 2013 en 5:51 am
    Permalink

    Como quito la presentacion de imagenes en mi blogger mira puse unos iconos elegantes pero la presentacion se traba la ora de poner el html como le ago para quitar las imagenes ayuda.Por favoor

    Responder
  • octubre 7, 2013 en 2:27 pm
    Permalink

    ¿Cómo puedo hacer justo lo contrario? En mi plantilla se me acortan las entradas. Y quisiera que me salieran enteras, y además, las imágenes de cada entrada se reducen a un tamaño cuadrado (cuando son rectangulares) por lo que la imagen se distorsiona. ¿Me puedes explicar cómo cambiar esto? Mil gracias…

    Responder

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *