<img src="URL DE LA IMAGEN" alt="TEXTO ALTERNATIVO" />

Sustituyendo "URL DE LA IMAGEN" por la URL de la imagen (la URL directa, no la que lleva a la pagina de previsualización), aunque las comillas deben mantenerse.

Y listo, ya tenemos nuestra imagen de cabecera lista. Recordemos que debe ir en el subtítulo, no en el título.

Yo he diseñado ésta cabecera para mi blog:

<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.

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!

Por ejemplo, veréis que el TUNEA LA COCTELERA del título de arriba aparece con las letras en negrita intermitentes, y el "Coctelera" aparece de otro color.
Eso se consigue con unos simples códigos:

1. Para poner negrita en tu título
Simplemente pones <b>Tu título</b>, sin olvidarnos de la última parte, la de </b>, puesto que si no la incluyes todo tu blog se transformará a negrita. Y por supuesto sustituyes Tu título por el título que quieras poner.

2. Cursiva
<i>Tu título</i>

3. Subrayado
<u>Tu título</u>

4. Tachado
<del>Tu título</del>

5. Colores.
Para agregar colores lo que haremos será agregar la etiqueta <font, y sin cerrarla escribir un espacio, color, un igual, y el codigo hexadecimal del color. Este lo podemos conseguir en programas de retoque fotográfico como Paint Shop Pro, PhotoShop o Gimp, pero son generalmente muy pesados de cargar. Sin embargo, si no te apetece cargarlos, puedes ir a ésta página y mirar de los colores que hay el que más te guste para ponerlo, y su código es el que pegas detrás del igual de la etiqueta.
Recapitulando, para poner por ejemplo "Tunea tu coctelera" como verás arriba, se necesitará el código:

<i>Tunea</i> tu <font color="dodgerblue">COCTELERA</font>

Y listo, ya podemos personalizar el título. Aunque hay que tener en cuenta que el título es algo corto, por lo que puede que todos los códigos no os quepan... Pero es cuestión de experimentar...

(Esto se aplica a título y subtítulo, indistintamente).

Actualización: como bien me notifica Zetagirl, se me olvidó poner la página de los códigos. No voy a poner la que me apareció ayer porque tiene pocos colores; os paso la dirección de otra, que te permite elegir el color mediante un applet Java y te muestra el código del color (eso que pone #CCCCCC, por ejemplo).

http://roble.cnice.mecd.es/~apuente/applet1.html

Semana tras semana (intentaré ser lo más regular posible) os iré mostrando trucos que podeis aplicar a vuestros blogs cocteleros.

Saludos...

P.D: ahora veis el blog normal, recién creado; lo iré adaptando según los post que vaya incluyendo.