EJERCICIOS

Cómo poner un gadget a partir de un HTML

Para agregar un gadget a partir de un html, tienes que ir a "Diseño" > "Elementos de página" hacer click en "Agregar un gadget" y se te abre una ventana emergente, en ella buscas HTML/Javascript y allí pegas el html del gadget.

Si no ves el enlace "Agregar un gadget", sólo escribe en la barra dirección "draft." antes de blogger.com, o sea que debes ingresar http://draft.blogger.com

Realicemos un ejemplo para añadir un video de Youtube, los mismos que pueden ser publicados en una entrada de nuestro blog al incorporarlos desde Youtube en un gadget o widget para que estén siempre disponibles al lector.Para ello, damos los siguientes pasos:

1.- Elegir el video de youtube

• Abre el navegador web y visita la web de Youtube : http://www.youtube.com.

• Utiliza el buscador para situarte en el vídeo que deseas insertar en tu blog. Se visualiza una página mostrando el vídeo. Ejemplo: http://www.youtube.com/watch?v=nDl6dRonrnQ.

• Debajo del reproductor haz clic en el botón Compartir y luego en el botón Insertar.

• En la parte inferior del panel Insertar introduce la anchura personalizada del reproductor. Por ejemplo: 220 píxeles. No hace falta teclear la altura porque el sistema la ajusta para mantener el ratio.

• En las opciones desactiva el parámetro Mostrar sugerencias de vídeos cuando …

• A continuación haz clic derecho en el código del cuadro de texto Insertar y elige Copiar. Esta acción copiará el código embed/insertar en el portapapeles.

2.- Incluir el vídeo en un gadget HTML/javascript

• Desde el interfaz de gestión de tu blog en Blogger haz clic en Diseño.

• Clic en el enlace Añadir un gadget situado en la columna lateral del blog.

• En el listado de distintos tipos de gadgets que se ofrece, busca el gadget HTML/Javascript y pulsa en su botón “+” para añadirlo.

• En la página Configurar HTML/Javascript introduce el Título del gadget. Por ejemplo: Vídeo destacado.

• Clic derecho sobre el cuadro de Contenido y elige Pegar. Para que el reproductor no sobrepase los límites de la barra lateral en algunas de las plantillas utilizadas quizás sea necesario reducir las dimensiones 220x??? píxeles que aparecen en este código por otras más reducidas.

• Para terminar pulsa en el botón Guardar. Observa que en la estructura del blog que se muestra en la página Diseño se ha añadido el gadget indicado.

• Clic en el enlace Ver blog para observar el resultado final.