+ All Categories

Blogger

Date post: 11-Jan-2016
Category:
Upload: pablo-macon
View: 1 times
Download: 0 times
Share this document with a friend
Description:
Clase sobre Blogger
Popular Tags:
20
Clase Blogger + SlideShare Contenido Blogs............................................................................................................................................. 2 Característica de los Blogs en general....................................................................................... 2 Características de Blogger........................................................................................................ 2 Historia:.................................................................................................................................... 3 Blogger......................................................................................................................................... 3 Pantalla principal de Blogger.................................................................................................... 6 Primera Entrada en Blogger...................................................................................................... 6 SlideShare................................................................................................................................... 12
Transcript
Page 1: Blogger

Clase Blogger + SlideShare

ContenidoBlogs.............................................................................................................................................2

Característica de los Blogs en general.......................................................................................2

Características de Blogger........................................................................................................2

Historia:....................................................................................................................................3

Blogger.........................................................................................................................................3

Pantalla principal de Blogger....................................................................................................6

Primera Entrada en Blogger......................................................................................................6

SlideShare...................................................................................................................................12

Page 2: Blogger

BlogsCaracterística de los Blogs en generalLas características de los blogs que han justificado su auge han sido:

Organización cronológica. Los artículos se ordenan de forma cronológica mostrandoprimero los artículos más recientes.

Facilidad. Proporciona un interfaz para administrar sus contenidos, coordinar, borrar oreescribir los artículos, moderar los comentarios de los lectores, etc. de muy sencilla.

Hipermedia. Los artículos pueden contener texto, enlaces, imágenes, audios, vídeos,animaciones flash, etc.

Búsquedas. Los blogs proporcionan herramientas que facilitan la búsqueda deentradas a partir de un término, fecha, autor, etc.

Metadatos. Las etiquetas o palabras clave asignadas a un artículo contribuyen a laorganización temática de la información facilitando su posterior búsqueda.

Comentarios. La posibilidad de que los lectores envíen sus comentarios permiteestablecer un interesante flujo de debate en torno a los artículos publicados.

Suscripción. La suscripción RSS o Atom a los artículos y comentarios de un blogpermiten disponer de las últimas novedades publicadas en el navegador web o lectorde noticias sin necesidad de acceder directamente a ese sitio web.

Enlaces inversos. También llamados trackbacks permiten conocer si alguien desde sublog ha enlazado a una entrada publicada en nuestro blog o viceversa. Si así seconfigura los trackback pueden aparecer junto a los comentarios de un artículo.

Características de BloggerA todas estas cosas, Blogger agrega características propias que lo han hecho durante muchotiempo, la herramienta más utilizada, repartiéndose el mercado con unas pocas, entre ellasWordpress.

Adición de usuarios para que publiquen Entradas (posts) o administren el Blog. Capacidad de almacenamiento de archivos de imagen hasta 8 MB cada uno y de video

hasta 100 MB cada uno Interfaz en varios idiomas en el modo diseño del Blog. Importación automática de entradas y comentarios, provenientes de otros Blogs

creados en Blogger. Exportación automática de la información de un Blog (entradas, etiquetas y archivos)

en un archivo XML. Disponibilidad de Plantillas listas para utilizar. Posibilidad de agregar al Blog gadgets con diversas funcionalidades. Integración con las demás herramientas de Google, como Picasa o Google+

Page 3: Blogger

Historia:

Los primeros blogs aparecen hacia mediados de la década del 90, se considera a Justin Hallcomo el primer bloguero, ya que compartía sus experiencias en la universidad. Sedenominaban web logs en un principio. El término blog no aparece hasta 1999 en que unbloguero decide dividir web log en we blog. A fines de 1999 nace blogger, una herramienta dePyraLabs que rápidamente se convirtió en la más utilizada en el mundo. Esta compañía fuecomprada en 2003 por Google Inc. que potenció aún más esta herramienta, integrándola atodos sus otros servicios como Youtuve y Picasa, permitiendo una interacción que hasta eseentonces no era posible.

BloggerVamos a comenzar entonces, lo primero entrando awww.blogger.com

Page 4: Blogger

Como decía, para poder hacer usovamos a necesitar una cuentaGoogle, si no poseemos una, vamosa tener que crearla

En cambio, si ya tenemos una cuenta de gmail, o decualquier otro dominio homologado por Googlesimplemente ingresamos nuestro usuario y contraseña.

Page 5: Blogger

Una vez dentro, vamos a podercomenzar a trabajar ennuestros propios blogs. Si es laprimera vez que ingresamosprimero vamos a tener quecrear nuestro perfil de usuario.Tenemos que elegir entreutilizar un perfil de nuestracuenta Google+ (servicio que vaa desaparecer más tempranoque tarde) o un perfil propio deBlogger

El perfil, por supuesto,incluye toda nuestrainformación, la quequeremos que semuestre y la que noqueremos. Esto lopueden ver másdetalladamenteustedes cuando hagansu propio blog.

Page 6: Blogger

Una vez establecido el perfil del usuario, vamos a poder modificarlo en cualquier momento,haciendo click en el nombre del usuario, arriba a la derecha de la pantalla principal de Blogger.

Page 7: Blogger

Pantalla principal de BloggerLa primera vez que ingresamos aBlogger, vamos a ver esta pantalla, enla que el apartado destinado anuestros blogs está vacío.

En cambio, cuando ya tenemos uno ovarios, nos van a aparecer aquí.

Pero como dijimos, nosotros aún notenemos un blog, así que vamos atener que crearlo, haciendo click en elbotón

Ahora, en una pantalla emergentevamos a poder poner un título anuestro blog y elegir la dirección, quela primera vez, siempre va a seralgo.blogspot.com

Además de elegir la plantilla quequeremos utilizar.

Page 8: Blogger

Primera Entrada en BloggerPor fin vamos a poder entrar a nuestro blog por primera vez

Arriba del todo un menú estático, es decir, que si hacemos scroll down vamos a continuarviéndolo mientras estemos en esta página.

La B naranja nos lleva de nuevo a la página anterior a donde teníamos listados todos nuestrosblogs, en este caso, volvemos y tenemos uno solo que es, por supuesto, el que acabamos decrear.

Page 9: Blogger

Vean cómo cambió decómo lo vimos laprimera vez, ahoraaparece nuestro blog

Desde esta página vamos a poder controlar todos nuestros blogs, incluso tenemos accesosdirectos a la creación de entradas nuevas, este mensaje aparece ahora porque no hay ningunaentrada. Si las tuviéramos, aparecería una estadística con la cantidad de páginas y las visitas.

A la derecha un lápiz por medio del cual accedemos directamente a la publicación de unaentrada nueva, un menú desplegable con opciones que nos van a permitir acceder a diferentesvistas que nos proporciona Blogger. Ya sea de las entradas, los comentarios, la configuración,etc.

Por último un botón un botón que nos permite acceder al blog tal como lo ven los que entran aél desde fuera de nuestra página.

Vamos a echarle una mirada para ver cómo luce un blog vacío.

En realidad esta vista no es exactamente la que ven los usuarios, porque al estar logueado conla cuenta administradora del blog, nos muestra botones que permiten la configuración, porejemplo de nuestro perfil que se muestra a la derecha o del pie de página donde se encuentrael aviso del copyright.

Page 10: Blogger

La vista que van a tener los que no son administradores es esta, en la que estas opciones noaparecen:

Bueno, ya creamos nuestro blog, vamos a crear una entrada. Hacemos click en el botónnaranja con un lápiz.

Aparece un editor donde vamos a poder escribir el texto, pero además aparece un botón en elque vamos a poder ver e introducir código HTML. Cosa que vamos a utilizar cuando queramosembeber presentaciones de SlideShare como vamos a ver en unos momentos.

Page 11: Blogger

No nos vamos a detener mucho en la redacción de entradas, noten los dos botones de quehablaba, Redactar nos presenta un menú más completo de opciones de formato de fuente,párrafo, insertar videos, imágenes, etc. Esto es lo que se llama un editor WYSIWYG, es decir, uneditor en el que vamos viendo lo que escribimos tal cual va a ser su resultado final.

En cambio el botón HTML que nos presenta un menú mucho más acotado, pero todo lo quehayamos escrito en la otra pestaña nos va a aparecer acá en código HTML. Con loscaracterísticos brackets <> al principio y al final. Pero este tampoco es un curso de HTML.Vamos a ver en un ratito que es mucho mejor utilizar este editor cuando queramos añadiralgunos servicios externos como Slideshare.

Antes de dejar un rato Blogger, vamos a ver un poquito la barra lateral en la que tenemos laconfiguración de la entrada.

Primero, una de las más importantes, Etiquetas, nospermite crear e incorporar metadatos para facilitar labúsqueda y recuperación de las entradas. Estasetiquetas, además, nos van a permitir organizarnuestras entradas, de modo que podamos ver todasjuntas aquellas relacionadas.

Page 12: Blogger

Luego tenemos la posibilidad de que un post semuestre en una fecha determinada

También podemos editar el link de la página. Digamosque si lo dejamos automático, Blogger va a elaborar ellink de la entrada a partir de su título y fecha. Encambio, podemos editarla y ponerle el link quedeseemos.

También podemos compartir la ubicación desde la queestamos publicando

Page 13: Blogger
Page 14: Blogger

Y la última pestaña es la que vamos a utilizar siqueremos habilitar los comentarios, cómo interpretar elcódigo HTML y si queremos usar la etiqueta <br> o latecla <Enter> para efectuar los saltos de línea. Sielegimos interpretar HTML escrito, entonces vamos apoder ingresar los embebidos directamente en lapestaña Redactar, en lugar de tener que hacerlo en laventana HTML. Esto está muy bien, siempre y cuandono estemos haciendo un manual de HTML porque todaslas etiquetas HTML que pongamos se van a intempretarde esa forma.

SlideShareEntonces vamos a Slide Share es.slideshare.net.Esta página nos permite alojar y compartir documentos de hasta 20 MB. Estos documentospueden además insertarse en otras páginas como nuestro propio blog. Eso es lo que vamos aver hoy. Los usuarios registrados pueden, además de compartir sus documentos, descargar losdocumentos de otros usuarios en su formato original.Primero, SlideShare nos pide un registro, sencillo, para poder subir nuestros archivos

Podemos registrarnos con nuestra cuenta LinkedIn o Facebook, o bien crear una cuenta propiade SlideShare.

Page 15: Blogger
Page 16: Blogger

Una vez dentro de SlideShare, vamos a ver cómo subir una presentación y luego cómo lapodemos insertar e nuestro blog.

En nuestra página principal de SlideShare vamos a encontrar el botón subir, arriba a la derecha

Cuando hacemos click allí nos va a re-dirigir hacia la página de carga de documentos. Tenemosvarias opciones. Subir un documento desde nuestro PCSubir un documento desde algún servicio web, ya sea Google Drive, Dropbox, OneDrive, Gmail,podemos conectar SlideShare con cualquiera de estos servicios y subir los documentos desdeallíUna opción nueva es que podemos crear una presentación nueva desde cero directamente enSlideShare. Dispone de plantillas y etc., etc.

Page 17: Blogger

Nosotros vamos a subir una presentación que tenemos en nuestro PC, para ello hacemos clicken el centro del cuadro en el botón naranja

Que nos abre un administrador de archivos desde el cual podemos navegar en nuestro equipohasta encontrar el archivo que estamos buscando

Una vez seleccionado el archivo, vamos a poder editar su descripción, ponerle etiquetas paraque cuando alguien lo busque en internet pueda encontrarlo, la categoría a la que pertenece,la privacidad, si queremos que lo vea cualquier persona o solo yo y mis amigos, etc.

Page 18: Blogger

Cuando finalizamos de editar estos datos, hacemos click en el botón Publicar y ya tenemos listala primera parte de nuestro trabajo.

Ahora tenemos que compartirlo. Vamos a tener como siempre, varias opciones, pero nosotrosqueremos el código HTML para embeberlo en nuestro blog. Para ello vamos a hacer click en elbotón <> debajo de la presentación

Page 19: Blogger

Que nos va a traer el código HTML que estamos buscando y que vamos copiar en elportapapeles del equipo

Page 20: Blogger

<iframe src="//www.slideshare.net/slideshow/embed_code/key/ID5SDnjC8MoOJ7"width="425" height="355" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"style="border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;"allowfullscreen> </iframe> <div style="margin-bottom:5px"> <strong> <ahref="//www.slideshare.net/MaconPablo/01-sistemas-operativos-ii-introduccin-51692963"title="01 sistemas operativos ii - introducción" target="_blank">01 sistemas operativos ii -introducción</a> </strong> from <strong><a href="//www.slideshare.net/MaconPablo"target="_blank">MaconPablo</a></strong> </div>

Habiendo copiado este código, vamos a volver a nuestro blog, para insertar ese código en lapestaña HTML en el lugar que queramos que aparezca

Luego en la vista previa del blog, vamos a encontrar que tenemos la presentación en lapantalla, que se puede poner en pantalla completa y los usuarios registrados pueden ingresar aSlideShare y descargarla


Recommended