Blogger Parte 2

Insertar objetos en Blogger. 

Banners.

Elige cual de los siguientes diseño es el que mejor se adapta a tu blog

Método de instalación manual. 

• Copia el código correspondiente al Gadget que quieres poner en tu blog
• Ve a Blogger y haz clic en la pestaña Diseño
• Haz clic en Añadir un Gadget
• Selecciona de la lista el que pone HTML/JavaScript
• Pega el código en la casilla que pone Contenido
• Presiona el botón Guardar
• Una vez colocado puedes moverlo y situarlo en cualquier parte de tu diseño
• Guarda y visualiza tu blog

Método de instalación automático. 

• Simplemente presiona el botón Añadir a Blogger situado al pie de cada diseño.
• Selecciona tu Blog y presiona Añadir artilugiom
• Ajusta su posición en tu blog desde la pestaña Diseño.

Presentación.

Puedes insertar una presentación de diapositivas Flash de cualquier álbum web. Esta se actualizará automáticamente cuando realices cambios en el álbum. Para insertar una presentación de diapositivas, sigue estos pasos:

• En la página Mis fotos, haz clic en el álbum.
• A la derecha de la página, haz clic en Enlazar a este álbum.
• Haz clic en Incrustar proyección de diapositivas.
• Selecciona la configuración de la presentación de diapositivas, como el tamaño de la imagen, los títulos y la reproducción automática.
• A continuación, copia el código HTML resultante (Ctrl+C).
• Pega el código HTML en el código fuente de tu sitio (Ctrl+V).

Álbum.

Cuando se inserta un álbum en un sitio, aparece la portada del álbum. Los usuarios que hagan clic en la imagen de esa portada verán el álbum desde Álbumes web de Picasa. Para insertar un álbum, sigue estos pasos:

• En la página Mis fotos, haz clic en el álbum.
• A la derecha de la página, haz clic en Enlazar a este álbum.
• Copia el código HTML (Ctrl+C) en el campo "Copiar el HTML para incrustarlo en el sitio web".
• Pega el código HTML (Ctrl+V) en el código fuente de tu sitio.

Imagen.

Para insertar una imagen de Álbumes web de Picasa en tu sitio, sigue los pasos que se describen a continuación.

• En la página Mis fotos, haz clic en el álbum.
• Haz clic en la foto que quieras insertar.
• En la barra lateral derecha, haz clic en Enlace a esta foto.
• Define las preferencias siguientes.
• Selecciona un tamaño de imagen.
• Selecciona "Ocultar enlace al álbum" si quieres eliminar el enlace al álbum que contiene la imagen. Este enlace se muestra con la imagen de forma predeterminada.
• Selecciona "Sólo imagen (sin enlace)" para obtener únicamente la URL de la imagen, sin el enlace que remite a Álbumes web de Picasa.
• Copia el código HTML (Ctrl+C) en el campo "Incrustar imagen" en el lateral derecho.
• Pega el código HTML (Ctrl+V) en el código fuente de tu sitio.

Cómo publicar un vídeo.

Si tienes tus propios vídeos en el ordenador y quieres compartirlos en tu blog, Blogger permite ahora subirlos directamente. Si quieres compartir un vídeo desde YouTube, también puedes hacerlo.

Cómo insertar un vídeo de YouTube.

Para insertar un vídeo de YouTube, simplemente sigue estos sencillos pasos:

• Haz clic en el botón "Compartir" debajo del vídeo de YouTube.
• Selecciona "Mostrar más" y, a continuación, haz clic en el icono de Blogger.
• En función de si has iniciado sesión en tu blog, es posible que debas introducir tu nombre de usuario y contraseña en la nueva ventana emergente.
• En el menú desplegable ubicado en la parte superior de esta nueva ventana, selecciona el blog en el que deseas llevar a cabo la publicación.
• Publica la entrada.

Cómo insertar un vídeo de forma manual.

También puedes copiar el código de inserción y pegarlo en tu blog. Simplemente haz clic en "Compartir" y, a continuación, en "Insertar" para obtener el código de inserción. Copia el código y, a continuación, pégalo en el blog mientras te encuentres en la pestaña "Edición de HTML" (en contraposición a la pestaña "Redactar").

Publicar un Slideshare en Blogger.

En la página donde se muestra el visor con la presentación de SlideShare, haz clic en el botón Embed (Insertar) situado en la barra superior del mismo.

Clic en el enlace Customize (Personalizar) que se ofrece debajo del primer cuadro de código para mostrar las opciones completas de configuración. En este panel se pueden definir los siguientes parámetros de la presentación:

Without related content (Sin contenido relacionado). Si marcas esta casilla al finalizar la presentación NO se mostrarán enlaces a otras presentaciones sobre la misma temática.

Start from slide number (Comenzar desde la diapositiva número…).

Size (Tamaño). En este caso haz clic sobre el tamaño 425x355 píxeles.

Para insertar una presentación SlideShare.net en la entrada de un blog de Blogger se pueden utilizar indistintamente los códigos que se ofrecen en:

Copy and paste this code into your blog or website (Copia y pega este código en tu blog o sitio web). Este código inserta un marco interno o iframe en cuyo interior se visualiza la presentación. En este caso haz clic en este botón Copy (Copiar).

Old embed code (Código embed antiguo). Este código inserta el visor Flash directamente en el código HTML de la entrada.

Accede a Blogger (http://www.blogger.com) e introduce tus credenciales de la cuenta Google. Desde el Escritorio haz clic en el botón Crear entrada nueva del blog correspondiente.

Añade como título: El oso pardo.

En el editor haz clic en el botón HTML para mostrar el código HTML del artículo.

Haz clic derecho sobre el cuadro de texto del editor y elige Pegar.

Clic en el botón Publicar.

Pulsa en el botón Ver blog para comprobar cómo se visualiza la presentación.

Si se desea compartir documentos ya sea en formato pdf, doc, ppt u otros es recomendable subirlos a Slideshare y realizar lo descrito anteriormente para compartirlo en el blog.

Qué es HTML.

HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por una seríe de etiquetas que el navegador interpreta y da forma en la pantalla. HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc.

Fuente: http://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=435:ique-es-y-para-que-sirve-html-el-lenguaje-mas-importante-para-crear-paginas-webs-html-tags-cu00704b&catid=69:tutorial-basico-programador-web-html-desde-cero&Itemid=192

Podríamos decir que HTML sirve para crear páginas web, darles estructura y contenido. Un ejemplo sencillo de código HTML podría ser:

<html> <body> <p>Esto es un párrafo. Bienvenidos a esta página web.</p> </body> </html>

Este ejemplo está formado por 3 etiquetas HTML. Como podemos observar cada una de las etiquetas debe acabar con su homóloga de cierre. En este caso la etiqueta <html> debe cerrarse con </html>, la etiqueta <body> con </body> y la etiqueta <p> con </p>.

Hay muchas más etiquetas que veremos más adelante pero nos debe quedar claro que por cada etiqueta que abramos, deberemos incluir la correspondiente etiqueta de cierre. Así conseguiremos un código HTML bien formado y que los navegadores puedan interpretar sin ambigüedad.

Este sencillo ejemplo mostraría por pantalla lo siguiente.

Fuente: http://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=435:ique-es-y-para-que-sirve-html-el-lenguaje-mas-importante-para-crear-paginas-webs-html-tags-cu00704b&catid=69:tutorial-basico-programador-web-html-desde-cero&Itemid=192

¿Qué ocurriría si una etiqueta que abramos no tiene su correspondiente cierre? Digamos que se trataría de un código HTML mal construido, y los navegadores esto lo pueden interpretar de distintas maneras. Quizás nos muestren la página tal y como esperábamos sin aparente error. Quizás nos muestren una página de error o se quede en blanco el navegador. Nuestro objetivo ha de ser siempre construir páginas HTML bien estructuradas y sin ambiguedades, es decir, hacer un correcto uso del lenguaje para que los navegadores puedan saber exactamente qué es lo que pretendemos mostrar.

Código EMBED.

"Embed" es una palabra que puedes encontrar en los vídeos de YouTube y muchos otros sitios Web, y en el que te mostrará un código HTML que puedes usar en tu blog o Web para insertar el vídeo. "Embed" es una abreviación de la palabra inglesa embedded, que significa que está incrustado, encajado, acoplado, embutido, empotrado... es un elemento que se integra dentro de uno más grande. Todos los códigos "embed" los puedes usar dentro de los posts de Blogger o en tu página Web, lo único que tienes que hacer es pegar el código dentro de la edición de HTML.

Resumen.