La tarea será la siguiente: crearás una entrada que contendrá únicamente el código necesario para incrustar el contenido de otra página web y aparerecerá sola en la página principal.
Pero antes, tienes que hacer esa página. Flavor.me es una web que, tras registrarte y jugar un poco, podrás hacerte un espacio donde se resuman tus cuentas de youtube, picasa, facebook, blogger,... Puedes añadir estos "Servicios" y darle una aspecto realmente gráfico. Al entrar en la página puedes ver una demo en una animación de cómo se hace (sencillo) y luego registrarte (get started) para poder loguearte y comenzar con tu configuración. La página que resultará será hhtp://falvors.me/NombreUsuario y la incluirás en el código HTML cuando crees tu "entrada de portada" copiando y pegando este código:
< div style="text-align: justify;">
<iframe frameborder="0" height="600" src=http://flavors.me/NombreUsuario width="600"></iframe></div>
Se generará un cuadro con el alto (width) y ancho (height) de 600 pixeles y sin borde (de 0 píxeles) mostrando la página web indicada en src= . Si el espacio en el que se publican tus entradas es menor de 600px (depende la plantilla elegida), deberás cambiar el valor de ancho (y si quieres el de alto). Sin aún así quisieras mostrar la página un poco más reducida, deberás añadir dentro del iframe el código style="zoom:80%", aunque lo mejor será que empieces a plantearte que deberás cambiar el ancho de las columnas de tu plantilla HTML (modificando el ancho de la zona central o Outer-Wrapper al completo: compuesto por la sidebar o barra lateral, y el main-wrapper o zona de entradas; para ello ten en cuenta que El ancho de Outer Wrapper es la suma del ancho de sidebar, del main-wrapper y del espacio entre ambos -lo que sobre-).
También puedes acceder a la configuración de tu blog a través de, en lugar de blogger.com, de http://draft.blogger.com/, que en el apartado de Diseño, aparece una opción no disponible en blogger que te permite modifcar algunos de los elementos anteriormente comentados de forma individual gracias a "diseñador de plantillas"
También puedes acceder a la configuración de tu blog a través de, en lugar de blogger.com, de http://draft.blogger.com/, que en el apartado de Diseño, aparece una opción no disponible en blogger que te permite modifcar algunos de los elementos anteriormente comentados de forma individual gracias a "diseñador de plantillas"
Cuando el navegador llegue a este código, entenderá que tiene que ejercutarlo. En el caso de esta entrada, no lo hace porque, para que aparezca visible, se han cambiado todos los símbolos < por < y el símbolo > por > (seguidos de ;).
Resumiendo:
- Te registras (con Email, NombreUsuario y Contraseña) y diseñas tu página en http://flavors.me/ (que se abre en nueva ventana añadiendo en el html target='_blank' dentro del href) con los servicios que quermos añadir. Recuerda copiar la dirección de la página que se genera (URL).
- Creas y publicas una entrada en la que incluyes el código html modificando la web que aparece por la que acabas de crear. No hace falta que le pongas títulos ni etiquetas (aunque podría ser INICIO).
- Editas la entrada y le pones una fecha que sea posterior a cualquier entrada (si se la ponemos al crearla entenderá que es una entrada programada para publicarse el día indicado por la fecha)
- En la pestaña Configuración de nuestro blog, en Formato, solo falta indicar que solo aparezca una entrada en la página principal (y que será la última creada, es decir, la que contiene el código HTML). Recuerda que deberás guardar los cambios con el botón que aparece en la parte inferior.
- No te olvides de comprobar que la página creada aparece cuando accedemos al blog y que, aunque añadas entradas "hoy", no la reemplazaran.
0 comentarios:
Publicar un comentario