Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

tBlog, un widget para actualizar Twitter desde el blog

Si te encuentras leyendo este artículo, lo más probable es que conozcas Twitter y por tanto desees instalar una nueva aplicación en tu blog. Ya hemos aprendido la manera de agregar un widget con las últimas atualizaciones de nuestro perfil, lo que resultaba de mucha ayuda para nuestros lectores y seguidores.

En esta entrada quiero presentarte tBlog, un widget que te permitirá actualizar tu perfil en Twitter sin salir de tu blog. Puedes ver una imagen de esta herramienta a continuación:

tBlog, un widget para actualizar Twitter desde el blog de blogger


Diseño>añadir gadget (elemento de página)>html-javascript






Pega lo siguiente:

<script>
bltwitterblog_cuerpo = ""
bltwitterblog_contador1 = 140
function bltwitterblog_max(){
bltwitterblog_total = document.forms[0].texto.value.length
if (bltwitterblog_total <= bltwitterblog_contador1){
bltwitterblog_cuerpo = document.forms[0].texto.value
}else{
document.forms[0].texto.value = bltwitterblog_cuerpo
}
if (bltwitterblog_total >= bltwitterblog_contador1){
document.forms[0].bltwitterblog_cifra.style.color="#006699";
}else{
document.forms[0].bltwitterblog_cifra.style.color="#a3e29c";
}
bltwitterblog_mas()
}
function bltwitterblog_mas(){
document.forms[0].bltwitterblog_cifra.value=document.forms[0].texto.value.length

}
function bltwitterblog_publicar()
{
window.location='http://twitter.com/home?status='+document.forms[0].texto.value+''
}
</script>
<div id="bltwitterblog">
<form action="#" method="yyy"><img src="http://2.bp.blogspot.com/_gjBqKNTws4M/S9Ne7HWQoSI/AAAAAAAACPo/kpk-wYDjh68/s320/bltwitterblog.png" />
<div id="bltwitterblog_num1">
<input type="text" class="bltwitterblog_num2" value="140" name="bltwitterblog_cifra" size="1" />
</div>
<textarea style="color:#006B98; padding:4px; border:1px solid #71ADEA; width:96%; height:60px" class="bltwitterblog_main" name="texto" onkeydown="bltwitterblog_max()" onkeyup="bltwitterblog_max()"></textarea><br />

<a id="bltwitterblog_ahora" title="Enviar a Twitter" href="#" onclick="bltwitterblog_publicar()">Publicar en twitter</a>
<div style="visibility: hidden; display: none;">
© El balcón de Jaime
DEBIDO AL TRABAJO Y ESFUERZO REALIZADO PARA CONSTRUIR EL WIDGET, SE AGRADECERIA QUE NO RETIRASE EL ENLACE. GRACIAS.

DUE TO THE EFFORT AND WORK DONE WHILE CONSTRUCTING THE WIDGET, PLEASE DO NOT REMOVE THE LINK. THANKS.
</div>
<a target="_blank" id="cc" style="background:none; margin-left:50px; color:#888888;font-size:10px;text-align:right;text-decoration:none;" href="http://goo.gl/RxbH"><img title="Conseguir widget" src="http://3.bp.blogspot.com/_gjBqKNTws4M/S972gzDjpHI/AAAAAAAACVo/yHeK63608ao/s320/blgetwig.png" /></a>
</form></div>
<style>#bltwitterblog {border:1px solid #CCCCCC;background:none repeat scroll 0 0 #DDEEF6;height:148px;padding:8px;}#bltwitterblog_num1{float:right;color:#A5ACB2;}.bltwitterblog_num2 {background:none repeat scroll 0 0 #DDEEF6;border:0 none;color:#A3E29C;font-family:arial;font-size:14pt;}#bltwitterblog_ahora {background:none repeat scroll 0 0 #EEEEEE;border:1px solid #CCCCCC;color:#1595C1;display:inline-block;float:left;font-family:Arial,helvetica,sans-serif;font-size:13px;line-height:14px;margin-top:6px;padding:6px;text-decoration:none;}#bltwitterblog_ahora:hover {background: #A2C9F0; color: #000;cursor: hand; cursor: pointer;}#cc:hover{position: relative; top: 1px; left: 1px;}.bltwitterblog_main{font-family:arial;font-size:10pt}

</style>

Guarda el gadget para terminar.

Nota:

Cuando uses esta herramienta para actualizar tu perfil en Twitter desde tu blog, asegúrate de haber iniciado antes sesión en dicho sitio para evitar así el ser redireccionado.

Eugenio dice...

Esta que ni pintao! jaja de veras que me gusto, un triunfo ya que es algo completamente nuevo.

Jaime Trujillo Escobedo dice...

Me alegra mucho que te guste el widget, Eugenio. Sin duda es una ventaja para todo el que posee una cuenta en Twitter.

Vku dice...

Fijate como se ve:

http://img45.xooimage.com/files/f/2/2/jaime2-1bc132b.png

http://img41.xooimage.com/files/7/f/2/jaime-1bc1331.png

Tienes que achicar el main o la sidebar

Vos sabes que yo tengo una entrada muy parecida, despues mirala ya que no tiene problemas con los usuarios sin haber iniciado sesión

Jaime Trujillo Escobedo dice...

Muchas gracias, Vku. Ahora mismo me pongo a modificar el main aunque lo disminuí unos 100 píxeles pero veo que sigue con problemillas.

Acabo de ver tu entrada ;) Al comentar "asegúrate de haber iniciado antes sesión en dicho sitio para evitar así el ser redireccionado" me refiero a que si haces clic en el botón "Publicar en twitter" y no iniciaste sesión, el widget te conducirá a dicha web para que accedas a tu perfil y poder, de esa forma, publicar.

He estado investigando pero no he dado aún con un procedimiento para evitar el tener que entrar en el perfil de Twitter, es decir que al pulsar el botón, la actualización se envíe automáticamente sin salir del blog :S.

Vku dice...

Ya quedo bien.

No que quieres hacer no se va a poder.

Hay una manera pero con php pero como sabes acá en blogger es imposible.

Jaime Trujillo Escobedo dice...

Supongo que sí, Vku. Nuevamente te doy las gracias por avisarme. Si, me temo que para conseguirlo habría que recurrir a dicho lenguaje, y en blogger... :S.

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo