|
ATENCION: este truco ha dejado de funcionar desde que msn spaces ha modificado la barra de edicion de texto.
En este ejemplo voy a enseñaros a poner una imagen justo encima del logo de msn spaces de forma que el blog quede más personal.
1.- Lo primero que debemos hacer es dirigirnos a nuestro spacesy pulsamos sobre "Agregar nueva entrada".
2.- A continuación pulsamos sobre el botón de la nueva barra de herramientas que pone <HTML> y que nos permite insertar código html en nuestras entradas nuevas.
3.- Ahora pegaremos el siguiente código para que aparezca la imagen:
<DIV class=LayoutIBeam style="TABLE-LAYOUT: auto; DISPLAY: block; LEFT: 7px; TOP: 36px; BORDER-COLLAPSE: separate; HEIGHT: 77px"><IMG style="WIDTH: 119px; HEIGHT: 77px" height=77 loop=infinite src="http://storage.msn.com/x1pAdjo0uCo2H0jhFp2QhDnKfr3-JTeO8u8EQZj7g1cieM9nr62fttvnkiyZbr3tVOHjobtGqtS3QlCnQJHLINM7czA5El3pN1efZy-GsJlcp7z7I4W-4nUwwgKx7h31TDZlZslEaurTOkADvJgiFTJXg" width=119 align=left></DIV>
Ahora vemos detenidamente una breve explicación del código fuente, comentando las parte fundamentales que deberéis cambiar para poner vuestras imágenes correctamente:
IMG style="WIDTH: 119px; HEIGHT: 77px" : indica las dimensiones de la imagen
src="http://storage.msn.com/x1pAdjo0uCo2H0jhFp2QhDnKfr3-JTeO8u8EQZj7g1cieM9nr62fttvnkiyZbr3tVOHjobtGqtS3QlCnQJHLINM7czA5El3pN1efZy-GsJlcp7z7I4W-4nUwwgKx7h31TDZlZslEaurTOkADvJgiFTJXg" : indica la ruta de la imagen que queremos que aparezca. En este caso se trata de una imagen que previamente he subido a spacesadictos. |