3. Widgets usuales para añadir a la barra lateral

Siguiendo con el tema del artículo anterior, en éste os voy a comentar una serie de Widgets que tal vez os guste añadir.
1. Canal de chat hispano
Ésta es una sala Meebo que yo creé, para hablar en español; sin nada más.
Para visitarla, habría que añadir un enlace con el siguiente código:

<a href="http://www.meebo.com/room/chathispano/" target="_blank">Chatear</a> (añadiendo antes de la <a las etiquetas de formato, si se quisiera, que mencionamos en el primer artículo del blog, y cerrándolas después de la </a>).

Y si la quieres añadir a tu barra lateral, mete el siguiente código:

<div style="width:210px"><style>.mcrmeebo { display: block; background:url("http://widget.meebo.com/r.gif") no-repeat top right; } .mcrmeebo:hover { background:url("http://widget.meebo.com/ro.gif") no-repeat top right; } </style><embed src="http://widget.meebo.com/mcr.swf?id=daQdVjiljM" type="application/x-shockwave-flash" width="210" height="350" /><a href="http://www.meebo.com/rooms" class="mcrmeebo"><img alt="http://www.meebo.com/rooms" src="http://widget.meebo.com/b.gif" width="210" height="45" style="border:0px"/></a></div>

Éste código de momento es un chat común, para que ande algo más animado. ¡Colabora con ello!

2. Añadir imágenes
Subes la imagen a algún sitio (como Imageshack), y la URL de la imagen (la que no tiene simbolos raros) la copias a tu portapapeles; y en tu barra lateral pegas:
<img src="http://www.lacoctelera.com/URL_DE_LA_IMAGEN" width="200" height="150" />
Quedando la imagen encuadrada, y con un tamaño pequeñito para no descuadrar el diseño.

3. Añadir un minivideo de YouTube
Ésto es práctico para mostrar nuestros gustos, sobre todo musicales. Nos vamos a YouTube (o Google Video, o Metacafe...), donde buscaremos un vídeo que nos guste, y nos fijaremos en un código similar al siguiente:

<embed style="width:400px; height:326px;" id="VideoPlayback" type="application/x-shockwave-flash" src="http://video.google.com/googleplayer.swf?docId=-9082158932804493748&hl=en" flashvars=""> </embed>

En ese codigo vemos que hay dos variables, width y height. En una pone "400px" y en otra pone "326px"; pues esas las cambiamos respectivamente por "200px" y "163px"; para que no descuadren el diseño; y quedará un código tal que así:

<embed style="width:200px; height:163px;" id="VideoPlayback" type="application/x-shockwave-flash" src="http://video.google.com/googleplayer.swf?docId=-9082158932804493748&hl=en" flashvars=""> </embed>

Tal y como podreis ver en mi Sobre Mí dentro de unos minutos.

En otra entrega más widgets.

servido por Antonio Manuel 2 comentarios compártelo favorito