( Aportación de Jordi, no dejéis de visitar su bitácora Sefaradweb )

Para que una imagen aparezca a un lado del post (derecha o izquierda), rodeada del texto, solo hay que hacer una pequeña modificación en su código.
Lo primero es subir la imagen al blog. Una vez subida, volvemos a administración de archivos y clicamos encima. Se abrirá una ventana donde nos da el código de la imagen.



Si copiamos el código así en el post que estamos montando, la imagen nos aparecerá donde la pongamos y el texto por debajo de ella. Para que la imagen aparezca centrada sólo tenemos que añadir lo que veis subrayado.


El resultado sería;



Si lo que queremos es que el texto rodee a la imagen y que esta esté a un lado, debemos añadir:

Para que aparezca a la izquierda


Y el resultado sería;

Para que aparezca a la derecha



Y se vería así;

Probad, veréis como si que sale.

Vamos a empezar a modificar el aspecto de nuestro blog y para ello tenemos que trabajar con dos cosas.
Por una parte la plantilla XHTML que está en vuestro blog, en Configuración avanzada. Mi consejo es que copieis la plantilla entera tal cual está ahora, antes de los cambios, en un documento word o en la libreta de notas y lo guardeis como oro en polvo. Meter la pata es muy fácil (jajaj lo se muyyyy bien) y si tenemos el original, se copia y todo solucionado. Yo tengo todas las plantillas originales, asi que si alguien la estropea y no tiene copia que me la pida.
Los siguiente que tenemos que manejar es la Hoja de estilos CSS. En el Blog de Manuti explica perfectamente como extraerlas. Pero para hacerlo más fácil, aquí teneis todos los CSS. Sólo teneis que bajaros el CSS que corresponda a vuestro blog ( van numeradas en el mismo orden en que aparecen en Diseño de Plantillas, en la pestaña Configuración de vuestro blog.
Ahora ya podemos empezar a diseñar nuestro blog.

Qué molesto es ese banner publicitario encima de la marquesina del blog. Ni una sola vez me paré a mirar qué anuncia asi que…¿Para qué lo quiero?. Para NADA.
La opción de pagar para quitarlo no es mala idea. De hecho no tardaré ni dos semanas en contratar una ampliación, pero más porque agoté el espacio que por otra razón. Todos acabaremos comprando y es lógico. No me importa pagar por algo que disfruto.
Pero hasta entonces, vamos a cargarnos la publi.

1- Ve a tu blog, a Configuración avanzada…Editar HTML Plantilla. Como siempre, haz una copia de seguridad por si metemos la pata (guardala en un documento word o en el blog de notas)

2- Ahora te copio el principio de mi plantilla (todas son iguales) y te destaco lo k debes de añadir, en la misma posición k lo ves.


Copia la secuencia que ves destacada en la imagen en tu plantilla, en la misma posición que la ves (no puedes hacer un "copy-past" porque es un archivo de imagen, cópiala a mano sovago/a jajaja)


Y ya está, sin moscas volando por el techo.

Recuerdo cuando empecé en esto de los blogs (poco mas de dos meses). Todo era nuevo para mi y me sentía el pato más torpe del mundo, sobre todo cuando leía eso de "Esto es fácil" y yo no lograba que me saliera. Madre que rabia me daba (y me da).
Así que yo insisto. Vuelvo a explicar como enlazar una imagen con una música. Soy muuuuuuuuuuuy cabezota y me he propuesto que todo el mundo que quiera hacerlo pueda. De todos modos, si a alguien no le sale, o no lo entiende, que me pregunte que lo explico por mail.
Allá voy!!

1-Eliges la imagen y el midi que quieras. Hay cientos de páginas en Internet donde puedes descargártelos gratis, por ejemplo:
- Midi-disco
-Midi-files
-Albayzin

Hay muchísimas páginas de midis, solo tenéis que poner "midi free" en el google y veréis cuantas os salen.

En cuanto a las imágenes, me habéis preguntado muchas veces de donde las saco. Lo cierto es que no tengo un sitio fijo. Suelo ir al google (opción IMAGENES) e introduzco la primera palabra que se me ocurre. Digamos que me las tropiezo. Os dejo algunos sites que suelo visitar.
- Fotocomunity
- Pixiport
-Photosilvereyes.

Para ajustar el tamaño de la imagen, una vez os la habéis guardado, la abrís con el microsoft photo editor ( sobre el archivo de la imagen pinchas con el botón derecho, opción "abrir con" y ahí seleccionáis en microsoft photo editor). Una vez abierto, en las pestañas de arriba veréis una que pone "imagen" . En esa opción elegís "cambiar tamaño".

2- Subir los archivos a vuestra página. Vais a Publicación y ahí a Administración de ficheros



Se abrirá una ventana. Pincháis Examinar y escogéis el archivo que vais a subir. Luego, clicais en Subir.



Tenéis que subir los dos, la imagen y el midi. Cuando hayáis subido el midi, pincháis sobre el y os saldrá una ventana como esta:



Os saldrá todo seleccionado (en azul) pero sólo nos interesa la ubicación URL (lo que veis seleccionado en azul en la imagen). Esa dirección debéis de copiarla (donde queráis, en un word, en la libreta de notas o en la servilleta de papel del bocata que te estas zampando jajajaj pero cópiala!!!)

3- Ahora vamos a hacer el post, a Insertar la imagen. Para ello, clicamos en Publicación, ahí en Crear artículo nuevo y luego seleccionamos Archivo.



Se abrirá una pestaña donde lo único que tenemos que hacer es pinchar sobre la imagen que queremos insertar ( automáticamente introduce su código en el post). Cerramos esa pestaña y vamos al paso siguiente.

4- Vincular la imagen con el midi mediante acceso directo. ¿Y cómo leches se hace eso? Fácil, en serio. Con el botón derecho del ratón, seleccionamos el código de la imagen que acabamos de insertar.


Luego pinchamos sobre el botón del acceso directo a href.: .



Se abrirá una ventana dónde os piden el URL.



Ahora cogemos la servilleta del bocata donde hemos apuntado la dirección del midi (jajaja es que yo la apunté ahí) y copiamos la dirección en la pestaña.

Y ya está. Escribís lo que queráis y publicáis el post. Lo que acabamos de hacer es lo mismo que haceis cuando creais un enlace, solo que enlazamos una imagen con una música, pero los pasos son los mismos.
Sale. Os juro que sale.
Un ejemplo...

Veo que la idea de hacer “sonar” cada post os gusta, así que os explico cómo lo hago. Es fácil.

1- Primero, elegir la FOTOGRAFÍA y la música.
Os aconsejo que ajustéis el tamaño de la foto a un máximo de 500 x 500 pixels. Podéis cambiarle el tamaño con el Microsoft Photo Editor.
La música mejor si es una secuencia MIDI. En la red hay cientos de páginas donde podéis descargarlos gratis.

2- Lo siguiente es subir los archivos (foto y midi) a vuestra página (Administrador de ficheros). Clicad sobre el archivo MIDI y copiad su dirección (de todo lo que os sale, la dirección es lo que va entre comillas; empieza con http: y acaba con .midi)

3- Abrid Crear artículo nuevo e insertad la imagen como hacéis siempre (botón de la izquierda Archivo).

4- Lo siguiente que hago es enlazar la imagen con la ubicación del MIDI. Me explico; con el botón derecho del ratón selecciono el código de la imagen que he insertado en el mensaje que voy a publicar. Luego clico sobre a href: (arriba a la derecha). Os saldrá una ventana donde os pide la URL del MIDI (es la que habéis copiado antes).

Y ya está, quien quiera escuchar vuestra música sólo tiene que clicar sobre la imagen.
Espero que os sea de ayuda, sino entendeis algo me lo preguntais.