{"id":559,"date":"2014-05-29T01:32:20","date_gmt":"2014-05-28T23:32:20","guid":{"rendered":"https:\/\/diocesanos.es\/blogs\/equipotic\/?p=559"},"modified":"2014-05-29T01:32:20","modified_gmt":"2014-05-28T23:32:20","slug":"publicar-multimedia-en-un-blogweb-ii","status":"publish","type":"post","link":"https:\/\/diocesanos.es\/blogs\/equipotic\/2014\/05\/29\/publicar-multimedia-en-un-blogweb-ii\/","title":{"rendered":"Publicar multimedia en un blog\/web (II)"},"content":{"rendered":"

Si en la primera entrega<\/a> describ\u00edamos el uso de varios servicios auxiliares para la publicaci\u00f3n de im\u00e1genes, audio, v\u00eddeo y presentaciones, es esta segunda vamos a explicar c\u00f3mo insertar esos documentos, que ya tenemos en la red, dentro de las entradas de nuestro blog.<\/p>\n

\"blogeso\"<\/a><\/p>\n

Evidentemente y en primer lugar debemos identificarnos con nuestra cuenta en el servicio de blogger<\/a>, seleccionar el blog a editar (podemos tener m\u00e1s de uno) y a continuaci\u00f3n pulsar sobre el bot\u00f3n \"editar\"<\/a>, Crear entrada nueva<\/strong>.<\/p>\n

<\/p>\n

Insertar una imagen de Fotos Google+<\/h3>\n

Pulsa sobre el icono\u00a0\"imagen\"<\/a> \u00abinsertar una imagen<\/strong>\u00bb del editor de blogger. A continuaci\u00f3n utiliza la secci\u00f3n \u00abDesde \u00e1lbunes web de Picasa<\/strong>\u00bb para seleccionar primero el \u00e1lbum (si procede)…<\/p>\n

\"selectimage\"<\/a><\/p>\n

y luego la foto a insertar…<\/p>\n

\"selectimage2\"<\/a><\/p>\n

Para terminar pulsa sobre \"selectimage3\"<\/a><\/p>\n

Nota: Recuerda que para que esto funcione debes de haber compartido las fotos de forma \u00abP\u00fablica en la web\u00bb.<\/em><\/p>\n

Insertar una galer\u00eda de Fotos Google+<\/h3>\n

En este caso debemos partir de la p\u00e1gina de\u00a0\"fotos\"<\/a> \u00abFotos<\/strong>\u00bb de las aplicaciones de Google+. Busca el \u00e1lbum que quieras compartir y pulsa sobre el bot\u00f3n\u00a0\"menuopcion\"<\/a> \u00abMen\u00fa de opciones<\/strong>\u00bb de la esquina superior derecha. Del panel de opciones selecciona \u00abInsertar publicaci\u00f3n<\/strong>\u00ab:<\/p>\n

\"galeria1\"<\/a><\/p>\n

Del panel resultante copia el texto seleccionado y pulsa sobre Listo<\/strong>.<\/p>\n

\"insertaalbum\"<\/a><\/p>\n

De vuelta a la p\u00e1gina del editor de entradas de tu blog pulsa sobre el bot\u00f3n \u00abHTML<\/strong>\u00bb de la barra de herramientas y pega el texto anterior.<\/p>\n

\"insertaalbum2\"<\/a><\/p>\n

No te olvides de a\u00f1adir un t\u00edtulo a la entrada y pulsa sobre Vista previa<\/strong> y\/o Publicar<\/strong> para ver el resultado.<\/p>\n

Insertar una galer\u00eda desde PicasaWeb<\/h3>\n

Existe otra forma de gestionar nuestros \u00e1lbunes de fotos en Google: el antiguo servicio de Picasa<\/strong>: http:\/\/picasaweb.google.com<\/a>, al que tambi\u00e9n tendremos acceso con nuestra cuenta de gmail.<\/p>\n

\"picasa1\"<\/a><\/p>\n

Observa que nos muestra las mismas im\u00e1genes y \u00e1lbunes que la aplicaci\u00f3n Fotos<\/strong> de Google+. Pulsa sobre el \u00e1lbum del que quieras hacer una presentaci\u00f3n, y en el panel de opciones de la derecha busca la herramienta\u00a0\"picasa4\"<\/a> Enlazar a este \u00e1lbum<\/strong>, y dentro \"picasa3\"<\/a>Incrustar proyecci\u00f3n de diapositivas<\/strong> :<\/p>\n

\"picasa2\"<\/a><\/p>\n

En el panel que aparecer\u00e1 personaliza las opciones seg\u00fan tus preferencias y luego copia el c\u00f3digo del recuadro inferior izquierda:<\/p>\n

\"picasa5\"<\/a><\/p>\n

De vuelta a la p\u00e1gina del editor de entradas de tu blog pulsa sobre el bot\u00f3n \u00abHTML<\/strong>\u00bb de la barra de herramientas y pega el texto anterior.<\/p>\n

\"picasa6\"<\/a><\/p>\n

No te olvides de a\u00f1adir un t\u00edtulo a la entrada y pulsa sobre Vista previa<\/strong> y\/o Publicar<\/strong> para ver el resultado.<\/p>\n

Insertar una imagen JPG, PNG, GIF o SVG de Google Drive<\/h3>\n

En primer lugar necesitamos la \u00abdirecci\u00f3n\u00bb de la imagen almacenada en nuestra cuenta de Google Drive. Abre el servicio, localiza la imagen dentro de su correspondiente carpeta y m\u00e1rcala. A continuaci\u00f3n utiliza el bot\u00f3n\u00a0\"drive1\"<\/a> \u00abDetalles y actividad<\/strong>\u00bb para obtener este dato:<\/p>\n

\"inkscape1\"<\/a><\/p>\n

Pulsa sobre la solapa Detalles<\/strong> y busca Alojamiento<\/strong>. Selecciona todo el enlace con el rat\u00f3n y utiliza las teclas Ctrl – C<\/strong> para copiarlo.<\/p>\n

De vuelta a la p\u00e1gina del editor de entradas de tu blog, pulsa sobre el icono imagen \"imagen\"<\/a> \u00abinsertar una imagen<\/strong>\u00bb del editor de blogger. A continuaci\u00f3n utiliza la secci\u00f3n \u00abDesde una URL<\/strong>\u00bb y pega en la caja el enlace que hab\u00edas copiado previamente.<\/p>\n

\"inkscape2\"<\/a><\/p>\n

Si todo est\u00e1 bien deber\u00edas ver la imagen\u00a0 en unos segundos. Confirma pulsando sobre \"selectimage3\"<\/a>. No te olvides de a\u00f1adir un t\u00edtulo a la entrada y pulsa sobre Vista previa<\/strong> y\/o Publicar<\/strong> para ver el resultado.<\/p>\n

Nota: Recuerda que para que esto funcione debes de haber compartido tanto la carpeta como las im\u00e1genes de forma \u00abP\u00fablica en la web\u00bb.<\/em><\/p>\n

Insertar un fichero de sonido MP3 u OGG de Google Drive<\/h3>\n

En primer lugar necesitamos la \u00abdirecci\u00f3n\u00bb del fichero de sonido almacenado en nuestra cuenta de Google Drive. Abre el servicio, localiza el fichero dentro de su correspondiente carpeta y m\u00e1rcalo. A continuaci\u00f3n utiliza el bot\u00f3n\u00a0\"drive1\"<\/a> \u00abDetalles y actividad<\/strong>\u00bb para obtener este dato:<\/p>\n

\"audacity1\"<\/a><\/p>\n

Pulsa sobre la solapa Detalles<\/strong> y busca Alojamiento<\/strong>. Selecciona todo el enlace con el rat\u00f3n y utiliza las teclas Ctrl – C<\/strong> para copiarlo.<\/p>\n

De vuelta a la p\u00e1gina del editor de entradas de tu blog pulsa sobre el bot\u00f3n \u00abHTML<\/strong>\u00bb de la barra de herramientas y copia el el siguiente texto sustituyendo direccion.mp3<\/em> por la ruta que obtuviste en el paso anterior. Para ficheros MP3:<\/p>\n

<audio controls>\r\n  <source src=\"direccion.mp3<\/em>\" type=\"audio\/mpeg\">\r\n<\/audio><\/pre>\n
O este otro para ficheros de tipo OGG…<\/p>\n
<audio controls>\r\n  <source src=\"direccion.ogg<\/em>\" type=\"audio\/ogg\">\r\n<\/audio><\/pre>\n
\"audacity3\"<\/a><\/p>\n
No te olvides de a\u00f1adir un t\u00edtulo a la entrada y pulsa sobre Vista previa<\/strong> y\/o Publicar<\/strong> para ver el resultado.<\/p>\n
\"audacity2\"<\/a><\/p>\n
Nota: Recuerda que para que esto funcione debes de haber compartido tanto la carpeta como los ficheros de forma \u00abP\u00fablica en la web\u00bb.<\/em><\/p>\n
Insertar un v\u00eddeo de YouTube<\/h3>\n
Pulsa sobre el icono\u00a0\"youtube1\"<\/a> \u00abInsertar un v\u00eddeo<\/strong>\u00bb del editor de blogger. A continuaci\u00f3n utiliza la secci\u00f3n \u00abMis v\u00eddeos de YouTube<\/strong>\u00bb para obtener la lista de los v\u00eddeos que tu hayas publicado:<\/p>\n
\"youtube2\"<\/a><\/p>\n
Selecciona el que te interese. Obtendr\u00e1s una vista previa del mismo antes de aceptar la selecci\u00f3n:<\/p>\n
\"youtube3\"<\/a><\/p>\n
Confirma pulsando sobre \"youtube4\"<\/a>. No te olvides de a\u00f1adir un t\u00edtulo a la entrada y pulsa sobre Vista previa<\/strong> y\/o Publicar<\/strong> para ver el resultado.<\/p>\n
Nota: Recuerda que para que esto funcione debes de haber publicado<\/span> el v\u00eddeo y compartido como \u00abP\u00fablico en la web\u00bb.<\/em><\/p>\n
Uso de las opciones \u00abCompartir\u00bb de otros servicios<\/h3>\n
Creo que por hoy es suficiente. En la pr\u00f3xima (yIII) y \u00faltima entrada de esta serie abordaremos las t\u00e9cnicas para incrustar contenido desde otros servicios ajenos a Google, como Vimeo, goEar, slideShare, Prezi…<\/p>\n","protected":false},"excerpt":{"rendered":"
Si en la primera entrega describ\u00edamos el uso de varios servicios auxiliares para la publicaci\u00f3n de im\u00e1genes, audio, v\u00eddeo y presentaciones, es esta segunda vamos a explicar c\u00f3mo insertar esos documentos, que ya tenemos en la red, dentro de las entradas de nuestro blog. Evidentemente y en primer lugar debemos identificarnos con nuestra cuenta en … Seguir leyendo Publicar multimedia en un blog\/web (II)<\/span> →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15,6],"tags":[27,8],"class_list":["post-559","post","type-post","status-publish","format-standard","hentry","category-documentacion","category-practicas","tag-documentacion-2","tag-practicas-2"],"_links":{"self":[{"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/posts\/559","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/comments?post=559"}],"version-history":[{"count":0,"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/posts\/559\/revisions"}],"wp:attachment":[{"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/media?parent=559"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/categories?post=559"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/tags?post=559"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}