Valida el badge Flash de Twitter en tu web
Veamos… siempre igual, tanto trabajo cuesta? Twitter No hablaré de Twitter porque todo Dios sabe de sobra de qué se trata, es el nuevo invento de la Web 2.0 y las redes sociales, por otra pa[...]
- 14
- sep
- 2007
Publicado por J.A.Cobo.
Guardado en Desarrollo web.
hace 2 años y 6 meses
No hay comentarios
Veamos… siempre igual, tanto trabajo cuesta? ![]()

No hablaré de Twitter porque todo Dios sabe de sobra de qué se trata, es el nuevo invento de la Web 2.0 y las redes sociales, por otra parte típico pero… mucho cuidado porque engancha ![]()
Sencillamente se supone que sirve para que todo Cristo sepa qué haces en cada momento siempre que tú quieras. Te registras entras en tu sección y escribes… pues… que estás cagando mismo y no puedes atender al GAIM
Desde ese momento, todo el mundo sabrá que estás plantando un pino y que no podrás contestar a tu amiga del alma -la buenorra en realidad
– harta ya de llamarte por el Messenger ese que le enseña tantas ventanitas con anuncios de alargadores de pene y “Trainer” -el malo, el de los 20 duros- al voz de musiquilla de anuncio 777+[0-9] (por poner uno eh?).
Pero hay más, no se queda ahí la cosa… pueden “seguirte” pulsando simplemente un botón para que no se piredan ni un segundo de tu vida -o de tus “tweets”- y sepan cuando regresas de… pues ese acto ecologista en el WC de tu casa ^^
…en fin, menos mal que no iba a hablar de Twitter ggg pero engancha hasta sin estar enchufado
El badge Flash inválido
Pues bien, si eres de los muchos que han instalado el badge oficial de Twitter en Flash en tu web y si no lo has modificado, podrás comprobar que el código que proporcionan no es válido… normal y lógico, “paqué” se van a complicar la vida, funciona en IE pos yastá, a tomar por culo los estándares.
Igual que ocurría con YouTube y el código de sus players, el marcado que ofrecen no se valida al menos en XHTML, muy en parte por el uso de la famosa etiqueta de Netscape <embed>, usada para incrustar objetos en el HTML y que como ya sabemos hace días que está descatalogada en favor de <object>.
Arreglémoslo:
Bien, nada más fácil:
Este es el código que ofrecen desde Twitter:
1 2 | <div style="width:176px;text-align:center"> <embed src="http://twitter.com/flash/twitter_badge.swf" flashvars="color1=ELCOLOR QUE HAYAS ELEGIDO&type=user&id=EL ID DE TU USUARIO" quality="high" width="176" height="176" name="twitter_badge" align="middle" allowScriptAccess="always" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /><br /><a style="font-size: 10px; color: #333333; text-decoration: none" href="http://twitter.com/TU-NICK">follow TU NICK at http://twitter.com</a></div> |
No sé para qué se molestan en cerrar como XML embed ( />) y luego meter un retorno de carro con (<br>) como HTML
Habiendo modificado el código ahora mismo, me ha quedado algo así con toda la configuración que ofrecen:
1 2 3 4 5 6 7 8 9 10 11 | <h2>Twitter (Válido)</h2> <object type="application/x-shockwave-flash" data="http://twitter.com/flash/twitter_badge.swf" title="Twitter, qué estoy haciendo?" width="176" height="176"> <param name="pluginspage" value="http://www.macromedia.com/go/getflashplayer"/> <param name="movie" value="http://twitter.com/flash/twitter_badge.swf" /> <param name="FlashVars" value="color1=TU-COLOR&type=user&id=TU-ID-DE-USUARIO" /> <param name="wmode" value="transparent" /> <param name="quality" value="hight" /> <param name="align" value="middle" /> <param name="allowScriptAccess" value="always" /> </object><br /> <a href="http://twitter.com/Covi_cd" title="Twitteame en Twitter.com" class="extlink">Twittéame</a> |
Información
Update: Si usas Wordpress Widgetificado …oO? te ahorrarás meter el código a pelo usando un widget de Texto en tu sidebar. Simlpemente copia ese código en el widget de texto.
Imagino que ya habrá plugins pero lo mismo pongo uno rápido y configurable pronto.
Hala, ya está, ya tenemos un badge que usa etiquetas y marcado estándar XHTML Transicional o lo que es lo mismo, el 80% -estimo yo- el 49.8% -según google XHTML HTML- del marcado en Internet y que valida en el W3C.
La utilidad obvia de Twitter
En otra entrada las cosas más útiles de Twitter, por ejemplo, hace un rato pensé en una parrilla de TV… te vas al canal de Twitter y sabes que están emitiendo en ese mismo momento… como mola, no?. Si tienes twitter en tu móvil lo ves, en Gtalk, GAIM o cualquier cliente de mensajería lo ves, en la web lo ves…
La mayoría de los medios de comunicación más populares ya tienen un canal Twitter… y es que la peña ya es muy muy friki
Acerca del autor
J.A.Cobo, «Geek» apasionado por la tecnología, la historia y la aviación con especial interés en el Desarrollo Web basado en estándares, la aplicación semántica de la web y la accesibilidad en la misma. Hubo un tiempo en el que también escribía relatos, principal inspiración para iniciar un «blog».
- No hay comentarios.
- TrackBack URL
Aún no hay comentarios.
Dejar un comentario.no seas tímido
Acerca de esta entrada
Estás leyendo «Valida el badge Flash de Twitter en tu web»,
una entrada publicada el viernes 14 de septiembre de 2007.
Etiquetas
badges, Desarrollo web, estándares-web, twitter
Revisada
hace 2 años y 5 meses
Imprimir
