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:
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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLRj41mvKGwWQzYoy92t_K-IejPZ9qDBUa4vlC7d_gMGm-wWcvPQQP-fK9y7Tns7v2Ra6wCnoJISVHfpc4jzDbit70t_wEBKhOdcQIgqoArKSeJADq5B4jBBLOgxXlBAolseZysYPTaAF8/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihmJkpCg-VeGqIUlLdF7KBBGmtQC0mcuVFnIiwWp2GtHlJZvYvQ_h2abkBsiyoFY3iJw5_1Egm5ztQXIfg5USMgioLGFHy8pLBEFgBNpKTsrcyX7lUDYXnJlYjO_FWjnLDi_hRGUmnEqQK/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:
Esta que ni pintao! jaja de veras que me gusto, un triunfo ya que es algo completamente nuevo.
Me alegra mucho que te guste el widget, Eugenio. Sin duda es una ventaja para todo el que posee una cuenta en Twitter.
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
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.
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.
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.