Blogger Parte 2

Insertar gadgets en blogger

Los elementos o gadgets son herramientas que nos sirven para darle mayor funcionalidad a nuestro blog, e insertarlos es cosa de dos minutos.
Una vez que has ingresado a tu blog dirígete a Diseño y selecciona Añadir un gadget. La apariencia varía dependiendo del estilo de plantilla que tengas en tu blog.

Fuente: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgAQ9nRHMA5xlMiK1npJgVS08Ew36Rpk45VXkgDtsM4ttVzmDpfJ5FLVqHgyLb-JL0kFuwFi1i4pe8pta9dswuU98ttOYj85Kin5k0OMUuaHzf59PMwV8jTW7-y6GrnqcTjkD4GAvgEqw/s320/ejemplo_anadirgadget.jpg

Después de hacer clic, una ventana se abrirá. Ahora debes elegir qué tipo de gadget es el que quieres usar; en esa ventana se mostrarán las opciones y una breve explicación de ellas.

Fuente: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRHY_Pc4fDOxDPEViZ5qNo5nEoNwNkGy_ftrSKUOOSNCsZp-Tccy9RJ-XGGYeBJlv1WhToNrzzBk1ekB86GIhb9fSP-cHYj5xHFE8vO81VgyJQ0XNA3Zp8xeaATyhow1AO_S2a0FQChdo/s320/ejemplo_opcionesgadget.jpg

Escoge el que quieras usar, llena los datos del formulario y elige Guardar o Finalizar. Este elemento nuevo puedes moverlo de ubicación, sólo arrástralo donde quieras ponerlo y presiona Guardar.

Fuente: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFAJ9XhPR4v5m2ToHx1dx34mz3Rv6ifA-Q9zCcgDNyNTda_Z5Db1-mpb42Mnej2cUm8ArrwdbEjQW_h_5Wgi2ootCrNSCo5Be5-P5TX9b_fU1lFNP48NYH9v4ZHdyN2fP68pjM941Hwow/s320/ejemplo_movergadget.jpg

Usa sólo los gadgets que de verdad te sirvan, para no saturar el blog de elementos inservibles y evitar que se tarde más tiempo en cargar la página.

Como hacer banner en Word.

Crea un nuevo documento en blanco.

Fuente: http://pad2.whstatic.com/images/thumb/a/a5/Make-a-Banner-Step-16-Version-3.jpg/670px-Make-a-Banner-Step-16-Version-3.jpg

Dibuja el fondo de la pancarta. Del tamaño que necesites. Haz clic en la pestaña de “Forma” y escoge un rectángulo. *También puedes buscar un banner de tu agrado en tu navegador.

Fuente: http://pad1.whstatic.com/images/thumb/6/66/Make-a-Banner-Step-17Bullet1-Version-2.jpg/670px-Make-a-Banner-Step-17Bullet1-Version-2.jpg

Dibuja el tamaño deseado, y llénalo del color que quieras. Puedes usar un color sólido, o desde el menú de colores de relleno, selecciona “Efectos de relleno” o haz clic en el botón de “Estilo rápido” y escoge un relleno preestablecido.

Fuente: http://pad1.whstatic.com/images/thumb/7/7f/Make-a-Banner-Step-17Bullet2-Version-2.jpg/670px-Make-a-Banner-Step-17Bullet2-Version-2.jpg

Agrega una foto o un logo. Puedes agregar fotos, logos u otras imágenes a tu pancarta. Estaremos usando una imagen de clip art para nuestro ejemplo. Haz clic en el botón de “Imagen” y selecciona la imagen que quieras incluir. Añade tu imagen, cámbiale de tamaño y colócala en tu pancarta.

Fuente: http://pad1.whstatic.com/images/thumb/d/d6/Make-a-Banner-Step-18-Version-3.jpg/670px-Make-a-Banner-Step-18-Version-3.jpg

Agrega el texto y otros elementos. Coloca el nombre de tu compañía u cualquier otra información que quieras que lleve tu pancarta.

Fuente: Propia

.

Selecciona la pancarta. Desde el menú de “Editar”, selecciona “Seleccionar todo” o teclea Ctrl+A (PC) o Cmd+A (Mac). Importante: asegúrate de que la pancarta esté exactamente como la quieras.Haz clic derecho en cualquier elemento de tu pancarta (que no sea texto) y selecciona “guardar como imagen”.

Fuente: http://pad1.whstatic.com/images/thumb/0/04/Make-a-Banner-Step-20-Version-3.jpg/670px-Make-a-Banner-Step-20-Version-3.jpg



Fuente: http://pad2.whstatic.com/images/thumb/0/02/Make-a-Banner-Step-20Bullet1.jpg/670px-Make-a-Banner-Step-20Bullet1.jpg

Guarda tu pancarta. Ábrela y verifica que sea lo que quieres y úsalo como lo necesites.

Fuente: http://pad1.whstatic.com/images/thumb/b/bb/Make-a-Banner-Step-21-Version-3.jpg/670px-Make-a-Banner-Step-21-Version-3.jpg

Como insertar una imagen en blogger

Ir a crear una entrada nueva y dar click en Insertar Imagen.

Fuente: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgssDOQLICzPPzoSFnGIn8YoXFAT3m7ho9tx5I0Y3O2zQMfTTMsEsiXZ4UTc21sZm8yRyo8jvAIF5Nn-P_rQLuahxILk5Djzhk3YAOL92tIQovElHULm04dM_ouDLnskp-ZBnPIucyMg5w/s1600/Subir+Imagenes+y+Obtener+su+URL+-+02.jpg

Elegir la imagen a subir y click en añadir las imagenes seleccionadas.

Fuente: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjwfgFCYgvT6Sq6Xxk1W_vJmsMCp232keoKr9ciOXkfyt8XVP88Ig6cTv7EOjtxEANFYlICl6s4Ib5GTN2hO2bw0MrxRWdS7dJThRYTX8UlujhAA8x_sprekyELHmZzgP9mx_gJdiFHZQ/s1600/Subir+Imagenes+y+Obtener+su+URL+-+03.JPG

Aparecerá la imagen que seleccionamos dentro de la entrada y daremos click en HTML.

Fuente: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaT7SlkOwFKHG5Jl1WykCU0ro5Dx5-mhrX1Dnw6mh_5iyqf2IKAEniZb2BEojXidOgnyQ9yI2BNq7X2ArqK-VASXp4GBMkZZGNBFECgcb-I_p9U0zTDQyloKdttHLK1nJtcJLy-NFmOiU/s1600/Subir+Imagenes+y+Obtener+su+URL+-+04.JPG

Dentro de HTML se encuentra la url de la imagen y su direccion es lo que esta seleccionado en amarillo.

Fuente: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9As1RQyNDXu8kU1cWy1nT3CW-5R-f1MIdQn5C9NktL_fSB0lG37XG52queIqW68IMluqVP806py9Alq2zqBPXBSK43_-RCQjD2JMVH9ocRNDwGLwMH8-fxjUyZSqUuWGGELk7QINzvmQ/s1600/Subir+Imagenes+y+Obtener+su+URL+-+05.JPG

Como insertar una imagen de internet

Podemos subir una foto usando la dirección web de la imagen, una vez incrustada, aún se puede editar: el tamaño, la ubicación respecto del texto, etc.

Fuente: Propia

Como insertar vídeos en nuestro blogger.

El blog permite incluir dos tipos de video:

• Producidos por el usuario

• Producidos por otros y “republicados”

En el caso de los videos propios, utilizamos el botón “Seleccionar el video…” y usando la función examinar, lo buscamos en nuestra PC y lo añadimos.

Fuente: Propia

Si son de youtube (o cualquiera de los otros servicios…) habrá que buscar la opción “compartir”, insertar; copiar ese código, y pegarlo en la entrada que estamos escribiendo.

Tengan la precaución, antes de hacer el Copiar y pegar, de ver que la pestaña de la entrada, en Blogger, esté también en código HTML.

Fuente: Propia

Como publicar slideshare, presentaciones y pdf. Mediante código embed-html.

• Primero, debemos crear una cuenta en Slideshare, con el mismo correo de gmail y luego procedemos a realizar los siguientes pasos:
• Clic sobre "Nueva Entrada" o "Nueva página", según lo que necesites realizar.
• Escribimos el título de nuestro artículo con la pestaña de redactar activada escribimos la parte de texto (texto normal) que queremos que aparezca en nuestro artículo. En los Blogs es muy importante que pongamos etiquetas para clasificar los artículos.

Fuente: http://image.slidesharecdn.com/publicarunapresentacindeslideshareenblogger-110202053828-phpapp01/95/publicar-una-presentacin-de-slideshare-en-blogger-23-638.jpg?cb=1353053394

• Cambiamos a la pestaña que dice“Editar Html”, para poder insertar el código de incrustación. Nos situamos con el cursor en el lugar del artículo donde queremos que aparezca la presentación.

Fuente: http://image.slidesharecdn.com/publicarunapresentacindeslideshareenblogger-110202053828-phpapp01/95/publicar-una-presentacin-de-slideshare-en-blogger-24-638.jpg?cb=1353053394

• Vamos a Slideshare y con la presentación que queremos incrustrar en pantalla copiamos el texto completo de la casita "Embed. Para ello entramos en Slideshare y vamos a "My Public Profile".

Fuente: http://image.slidesharecdn.com/publicarunapresentacindeslideshareenblogger-110202053828-phpapp01/95/publicar-una-presentacin-de-slideshare-en-blogger-25-638.jpg?cb=1353053394

• Nos lleva a nuestro “Muro” o “Wall”. Aquí nos presenta todas las presentaciones que hayamos subido. Hacemos clic para agrandar la que queremos. Vemos la presentación agrandada en la parte de arriba podemos ver una etiqueta "Embed", ahi damos clic.

Fuente: http://image.slidesharecdn.com/publicarunapresentacindeslideshareenblogger-110202053828-phpapp01/95/publicar-una-presentacin-de-slideshare-en-blogger-26-638.jpg?cb=1353053394

Fuente: http://image.slidesharecdn.com/publicarunapresentacindeslideshareenblogger-110202053828-phpapp01/95/publicar-una-presentacin-de-slideshare-en-blogger-27-638.jpg?cb=1353053394

• Y nos aparece esto: Debemos copiar todo el contenido de dentro de la caja al portapapeles.

Fuente: http://image.slidesharecdn.com/publicarunapresentacindeslideshareenblogger-110202053828-phpapp01/95/publicar-una-presentacin-de-slideshare-en-blogger-28-638.jpg?cb=1353053394

• Y ahora simplemente volvemos a nuestro artículo del Blog y hacemos Ctrl + V  o “Pegar” para que ese código quede pegado en nuestro artículo. Hacemos clic sobre "Publicar entrada o página”.

Fuente: http://image.slidesharecdn.com/publicarunapresentacindeslideshareenblogger-110202053828-phpapp01/95/publicar-una-presentacin-de-slideshare-en-blogger-29-638.jpg?cb=1353053394

• Y por último sobre vemos la entrada que realizamos en nuestro blog. Los mismos pasos son para copiar el codigo embed de documentos en pdf.