Sin Comentarios
12/23/2009
Url cortas en Blogger
Hoy en dia es muy comun los servicios de acortar enlaces. Esto nos sirve tanto para Twitter que nos deja ingresar una cierta cantidad caracteres y es necesario acortar la url´s para ahorrar estos. Pero tambien nos sirve compartir una url simplicada de nuestros post hacia nuestros lectores.
En Wordpress es comun las extenciones que muestran una url mas corta de los post para proporcionarle a sus lectores, pero como utiliza codigo php era imposible implementarlo en Blogger.
Esto se soluciona con un comodo script que facilita a nuestros lectores una url corta del post en el que se encuentran.
1.-Para implementarlo, en edicion html expande los artilugios y busca lo siguiente
2.-Debajo de esta linea pega el siguiente codigo
3.-Ahora debajo de la etiqueta de cierre llamada </head> pega el siguiente script.
4.- Y por ultimo hay que darle estilo.
Y nos quedara como el que estoy usando actualmente debajo de los post.
En Wordpress es comun las extenciones que muestran una url mas corta de los post para proporcionarle a sus lectores, pero como utiliza codigo php era imposible implementarlo en Blogger.
Esto se soluciona con un comodo script que facilita a nuestros lectores una url corta del post en el que se encuentran.
1.-Para implementarlo, en edicion html expande los artilugios y busca lo siguiente
<div class='post-footer-line post-footer-line-3'>
2.-Debajo de esta linea pega el siguiente codigo
<b:if cond='data:blog.pageType == "item"'><form id='shorturl'/></b:if>
3.-Ahora debajo de la etiqueta de cierre llamada </head> pega el siguiente script.
<script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&login=bitlyapidemo&apiKey=R_0da49e0a9118ff35f52f629d2d71bf07' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
BitlyClient.addPageLoadEvent(function(){
BitlyCB.myShortenCallback = function(data) {
var result;
for (var r in data.results) {
result = data.results[r];
result['longUrl'] = r;
break;}
document.getElementById("shorturl").innerHTML = "COMPARTELO!: <input type='text' value='" + result['shortUrl'] + "' name='bitlyurl'/>";}
BitlyClient.shorten(document.location, 'BitlyCB.myShortenCallback');});
</script>
4.- Y por ultimo hay que darle estilo.
#shorturl input {color:#999;border:1px inset #CDCDCD;padding:1px 5px;}
Y nos quedara como el que estoy usando actualmente debajo de los post.
