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

2. Agrega subsecciones a tu barra lateral

Como bien me han pedido ya algunos lectores (jo, que éxito, el blog tiene un día y ya tenemos fans y todo) voy a daros el procedimiento para crear subsecciones en la barra lateral de tu blog.

Nos vamos a la pantalla de publicación, y pulsamos en "Sobre mí", que nos llevará a un sitio donde (supuestamente) ponemos algo sobre nosotros... Aunque realmente para nosotros será el campo principal de la modificación del estilo del blog, aunque ésto ya lo explicaré más a fondo. Nosotros a lo nuestro.

Para crear subsecciones, simplemente debemos insertar el siguiente código:

<h2>Título de la subsección</h2><br>Codigo de la subseccion, cambialo por lo que quieras<hr>

Y así tendremos nuestra subsección creada. Si lo pruebas, además se adaptará perfectamente a la plantilla que tengas seleccionada en cada momento.

Cambiamos lo de "Codigo de la subsección, cambialo por lo que quieras", por el código (o el texto) que queramos introducir. Los códigos de formato del truco anterior (de los colores del título) también son válidos para formatear nuestro texto. De momento hemos puesto un texto de prueba, pero lo cambiaremos por un widget en el próximo truco.

¡Hasta la próxima!

servido por Antonio Manuel 8 comentarios compártelo favorito