Seminario PDI CP Remontival IP | Crear un blog con Blogger________________________________________________________________...
Seminario PDI CP Remontival IP | Crear un blog con Blogger________________________________________________________________...
Seminario PDI CP Remontival IP | Crear un blog con Blogger________________________________________________________________...
Seminario PDI CP Remontival IP | Crear un blog con Blogger________________________________________________________________...
Seminario PDI CP Remontival IP | Crear un blog con Blogger________________________________________________________________...
Seminario PDI CP Remontival IP | Crear un blog con Blogger________________________________________________________________...
Seminario PDI CP Remontival IP | Crear un blog con Blogger________________________________________________________________...
Seminario PDI CP Remontival IP | Crear un blog con Blogger________________________________________________________________...
Upcoming SlideShare
Loading in...5
×

Blog con blogger

918

Published on

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
918
On Slideshare
0
From Embeds
0
Number of Embeds
15
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Blog con blogger"

  1. 1. Seminario PDI CP Remontival IP | Crear un blog con Blogger___________________________________________________________________________________ MANUAL DE INICIACIÓN A BLOGGER Álvaro Castillo Twitter: @alvarocastill eMail: alvaro.musicamaestro@gmail.com Blog personal: www.alvarodelcastillo.com/blog Blog de aula: www.cuchuflete.es Blog del seminario sobre PDI: www.alvarodelcastillo.com/PDI 1
  2. 2. Seminario PDI CP Remontival IP | Crear un blog con Blogger___________________________________________________________________________________Para crear nuestro blog, o actualizarlo, debemos ir a la siguiente dirección e identificarnos con nuestracuenta de Gmail: www.blogger.com/start?hl=es Una vez que estamos dentro del blog, nos aparece un menú a la izquierda como este: Visión general: Nos muestra las estadísticas del blog (Comentarios pendientes de moderación, comentarios publicados, páginas vistas hoy o en otras fechas, entradas que hay en nuestro blog, seguidores…). Entradas: Al pulsar en el menú de la izquierda la pestaña entradas, se despliegan unos submenús indicándonos cuántas entradas tenemos publicadas y cuántos borradores tenemos. Si queremos ir solo a los borradores para terminar entradas pendientes, basta con pinchar en la pestaña correspondiente. Nos muestra una lista de las entradas que tenemos en el blog y nos indica el título, las etiquetas de la entrada, el estado de publicación (borrador o publicada), el autor de la entrada, el número de comentarios de cada entrada y las veces que ha sido vista, y su fecha de publicación.Páginas: Una página es un formato de publicación con información que necesita estar disponibledesde cualquier parte de un blog. Son útiles para contenidos estáticos como la página de informacióndel creador del blog (el famoso "about"), el formulario de contacto, la lista términos de uso y políticade privacidad, un archivo de artículos, la lista de los miembros de clase…Se crean como si fuesen una entrada, pero no se publican como tal, sino que hay que seleccionar unade las opciones en la pestaña “Mostrar páginas como”: • Pestañas principales. Aparecen como pestañas en la zona superior del blog. • Enlaces laterales. Aparecen en el menú lateral del blog como una lista. • No mostrar. No se muestran en ningún lado, sino que deberemos enlazarlas manualmente desde una entrada del blog.Comentarios: Nos muestra los comentarios publicados en nuestro blog y cuáles de ellos son SPAM(publicidad no deseada). También nos indica el autor del comentario y la fecha y hora de supublicación.Desde aquí podemos gestionar los comentarios eliminando su contenido (pero dejando que esoscomentarios sigan visibles), suprimiendo los comentarios directamente, aprobándolos, marcándoloscomo SPAM… 2
  3. 3. Seminario PDI CP Remontival IP | Crear un blog con Blogger___________________________________________________________________________________Google+: Es la red social de Google. Parecido a Facebook, pero con mucha menos aceptación. Permitepublicar tus entradas en tu perfil de Google+ para darles mayor difusión e interactuar con tuscontactos.Estadísticas: En esta pestaña se muestran las estadísticas correspondientes a tu blog. Número devisitas totales, visitas cada día, comentarios, fuentes de tráfico (de dónde vienen esas visitas), palabrasclave (qué palabras han escrito en Google para acabar visitando nuestro blog), países desde donderecibimos las visitas, sistemas operativos y navegadores de los visitantes…Ingresos: Si tu blog tiene miles o millones de visitas diarias e incluyes publicidad dentro de él conGoogle AdSense, podrás ganarte un buen dinerito extra.Diseño: En esta pestaña puedes cambiar el diseño de tu blog simplemente arrastrando y soltando cadacosa donde quieres que aparezca. Puedes personalizar un montón de cosas: • Favicon: es el icono que aparece en la pestaña de tu navegador. • Barra de navegación: Aparece en la parte superior del blog y nos sirve para buscar y navegar en los blogs de Blogger. • Cabecera: Podemos personalizar el título y la descripción del blog así como la imagen que aparece en la cabecera… • Entradas del blog: Podemos personalizar cuántas entradas se muestran en la página principal, y todos los iconos y textos que aparecen junto a cada entrada (publicado por, fecha y hora…). • Attribution: Podemos personalizar los derechos de autor bajo los que se publica este blog. • Añadir un gadget: Un gadget es un añadido extra que tiene un propósito y una función específica y concreta. Disponemos de una galería con cientos de ellos y sirven para cosas como añadir una encuesta de valoración en cada entrada, un botón para enviarla por correo o imprimirla, un menú lateral que nos muestre las entradas por fecha o por categoría, una nube de etiquetas… • Plantilla: Desde aquí podemos cambiar el aspecto visual de nuestro blog. Disponemos de un buen número de plantillas predefinidas para elegir, y aún así cada una de ellas podemos personalizarla aún más si somos usuarios avanzados y sabemos código HTML. Recomiendo elegir una de las plantillas básicas y después personalizar el fondo, el diseño, los colores, las fuentes y todo lo que se nos ocurra haciendo uso del sencillísimo editor (no es necesario saber HTML ni nada parecido). También podemos decidir si en los dispositivos móviles (teléfonos con navegador) se mostrará la versión normal o una versión de nuestro blog adaptada a estos dispositivos. Recomiendo la opción de mostrar la plantilla adaptada a dispositivos móviles. • Configuración: ¡Ojo! Estamos en zona de usuarios avanzados, así que mucho cuidado con lo que tocas… o Básico: Permite configurar el título y descripción del blog, la dirección URL y crear permisos para otros autores y lectores del blog. o Entradas y comentarios: Permite configurar cómo se muestran las entradas y los comentarios 3
  4. 4. Seminario PDI CP Remontival IP | Crear un blog con Blogger___________________________________________________________________________________ o Móviles y correo electrónico: Permite configurar la publicación de entradas mediante el envío de un mensaje SMS o de un correo electrónico. o Idioma y formato: Permite definir el idioma del blog y el formato de la fecha y huso horario. o Preferencias de búsqueda: Permite personalizar la página de error 404 (página que no existe) y las redirecciones a nuestro blog.GLOSARIO BÁSICO DE UN BLOGGERBlogger: persona que escribe en un blog.Blog: publicación periódica en internet que muestra sus artículos en orden cronológico.Entrada: cada uno de los artículos de un blog.URL: Dirección electrónica de una web, blog o archivo que está en internet. Por ejemplo:www.cuchuflete.blogger.com (un blog)http://www.cuchuflete.es/aula/wp-content/themes/inove/img/banner_index.jpg (una imagen)Gadget: Artilugio o añadido extra que tiene un propósito y una función específica y concreta.Borrador: Entrada que está sin publicar. Cuando comenzamos a escribir una entrada y la dejamos amedias, la guardamos como borrador para retomarla después. Una vez esté terminada, lapublicaremos.PUBLICAR UNA ENTRADALa actividad básica enun blog, después de haber configurado tod a nuestro gusto, es la publicación deentradas, que irán apareciendo en orden cronológico desde la más reciente a la más antigua.Cuando pinchamos sobre el botón de nos aparece la ventana de edición. En la zonasuperior encontramos unos botones con acciones básicas:Título de la entrada: Es el título que se mostrará en la entrada.Publicar: Cuando una entrada está terminada y queremos que sea visible, la publicamos.Guardar: cuando una entrada no está terminada y la queremos guardar para continuar más adelante,la guardamos. Esta entrada se guarda como borrador.Vista previa: Nos permite ver cómo se mostraría la entrada tal y como está actualmente.Cerrar: Cierra la edición de la entrada actual y nos lleva al menú general de Entradas.Trastienda: es la “parte de atrás” de un blog. Desde donde lo “cocinamos” sin que nadie nos vea. 4
  5. 5. Seminario PDI CP Remontival IP | Crear un blog con Blogger___________________________________________________________________________________CREANDO EL CONTENIDO DE UNA ENTRADA Una vez que pulsamos el botón de Entrada nueva, podemos empezar a escribir como en un editor de texto (como Word) el contenido de nuestra entrada. Tenemos una serie de botones que nos ayudarán a darle formato al contenido de dicha entrada, y que se detallan en el siguiente apartado.Menú de edición de entradas Cambia entre el modo de edición visual (Redactar) y el modo de edición en código HTML. Botones para deshacer / rehacer. Selecciona la fuente tipográfica y su tamaño. Selecciona el estilo de fuente. Negrita, cursiva, subrayado y tachado de texto. Color de texto y color del fondo de texto. Añade o elimina un enlace, una imagen, un vídeo o un salto de línea. Alineación, lista numerada, lista con viñetas, cita, elimina el formato. Corrector ortográfico.Añadiendo enlaces, imágenes y vídeos.Enlaces: Pinchamos en el botón Enlace y nos aparecerá la siguiente ventana: - Texto para mostrar: texto que aparecerá en la entrada y sobre el que recaerá el enlace. - Enlazar a: Dirección web (si el enlace es a una página web) o Dirección de correo electrónico (Si el enlace es una dirección de correo electrónico). - ¿A qué URL debería dirigir este enlace?: En esa casilla debemos escribir la URL o dirección web del enlace. - Abrir este enlace en una ventana nueva: Si queremos que el enlace se abra en una ventana nueva. - Add rel=nofollow attribute: Es una opción para usuarios avanzados que nos permite eliminar en cierto modo el SPAM. Mi recomendación es dejarlo sin activar, como viene por defecto. 5
  6. 6. Seminario PDI CP Remontival IP | Crear un blog con Blogger___________________________________________________________________________________Imágenes: Para añadir imágenes a las entradas tenemos diferente opciones. - Subir: Pinchamos en Elegir archivos, seleccionamos los archivos en nuestro disco duro (pueden ser varios archivos a la vez) y se subirán al blog. Su formato debe ser JPG, GIF o PNG. Hay que tener en cuenta que estos archivos se almacenan en nuestra cuenta de Picasa, que tiene un límite de espacio de 1Gb. - Desde este blog: Podemos volver a utilizar las imágenes que previamente hemos subido a nuestro blog y que se almacenan en nuestra cuenta de Picasa. - Desde álbumes web de Picasa: Podemos utilizar otras imágenes que tengamos alojadas en nuestros álbumes de Picasa. - From your phone: Si tenemos un teléfono Smartphone, podemos instalar la aplicación de Google+, la red social de Google, y habilitar la "Subida instantánea" para ver tus fotos en esa pestaña. - From you webcam: Podemos tomar una instántánea usando la webcam del ordenador. - Desde una URL: Podemos escribir o pegar la URL de una imagen que ya está alojada en internet y así aparecerá también en nuestro blog. Para copiar la URL de una imagen que ya está subida a internet pinchamos con el botón derecho sobre ella y seleccionamos “Copiar la ruta de la imagen”.Una vez que hemos añadido la imagen a nuestra entrada, pinchamos sobre ella y nos aparece unabarra con diferentes opciones sobre su tamaño (Pequeño, mediano, grande, extra grande y tamañooriginal), alineación en la entrada (alinear a la izquierda, centrado, alinear a la derecha), añadir leyenda(para añadir un texto que aparecerá debajo de la imagen), propiedades de imagen (texto del título ytexto del Alt) y eliminar (para eliminar la imagen de la entrada).Vídeos: Para añadir vídeos a las entradas tenemos diferente opciones. - Subir: Podemos subir nuestros vídeos al servidor de Blogger. Cada vídeo puede tener un máximo de 100 Mb (bastante poquito), por lo que esta opción no la recomiendo. - Desde YouTube: Podemos realizar una búsqueda en YouTube, previsualizar los resultados y seleccionar el vídeo que queremos añadir al blog. - Mis vídeos de YouTube: Como YouTube y Blogger funcionan asociados a una cuenta de correo electrónico de Gmail, desde aquí podemos seleccionar los vídeos que previamente hayamos subido a nuestra cuenta de YouTube para mostrarlos en la entrada. - From your phone: Si tenemos un teléfono Smartphone, podemos instalar la aplicación de Google+, la red social de Google, y habilitar la "Subida instantánea" para ver tus vídeos en esa pestaña. - From you webcam: Podemos grabar un vídeo usando la webcam del ordenador. Subida de vídeos mediante código HTML. En los servicios como YouTube o Vimeo (y en otras herramientas Web 2.0 como Soundcloud, Slideshare…) se nos proporciona un código HTML para insertar vídeos o archivos multimedia en nuestro blog. Si se siguen los pasos uno a uno, no es tan complicado como puede parecer la primera vez: 6
  7. 7. Seminario PDI CP Remontival IP | Crear un blog con Blogger___________________________________________________________________________________ Lo primero que hay que hacer es, en la ventana de edición de la entrada, cambiar la pestaña Redactar por la HTML. Ahora estamos en modo de edición avanzado y nos aparecerá el código HTML de nuestra entrada. Vamos a YouTube, por ejemplo, y debajo del vídeo que deseemos buscamos el botón Compartir, después el botón Insertar, seleccionamos el tamaño que queremos para nuestro vídeo, y copiamos el código (botón derecho y copiar) que nos aparece en azul en la ventana, y que será del estilo: <iframe width="560" height="315" src="http://www.youtube.com/embed/Hza1Awe4jxY?rel=0" frameborder="0" allowfullscreen></iframe> Con ese código volvemos a la ventana de edición en HTML y lo pegamos donde queramos que aparezca el vídeo. Después volvemos a la ventana de edición Redactar, y nos aparecerá un rectángulo de color negro que corresponderá al tamaño y ubicación del vídeo. Para insertar un reproductor de Soundcloud o una presentación con SlideShare hay que seguir los mismos pasos.Configuración de las entradasEn este menú lateral vamos a poder configurar una serie de parámetrossobre cada entrada.Etiquetas: Las etiquetas son palabras que definen de forma escueta oresumida el tema de las entradas y que después nos ayudarán a recuperarlas entradas en función de los temas sobre los que tratan.Cada etiqueta puede constar de una sola palabra o más de una.Se escriben separadas por comas.Programar: por defecto las entradas se programan en automático, de manera que cuando publicamosuna entrada, directamente aparece en el blog. Si queremos que una entrada se publique en una fechay hora concretas, la podemos programar de antemano y publicarla, pero no se mostrará hasta la fechay hora indicada. Por ejemplo, podemos programar una felicitación para el cumpleaños de cada alumnode clase y olvidarnos de ellas, porque se publicarán cada una en su fecha correspondiente. O podemosprogramar una entrada con un examen o tarea y nadie podrá verla hasta que no llegue la horaindicada.* Recuerda cambiar tu huso horario a GMT +1 (Horario de Madrid) en las propiedades del blog,entrando en: Configuración / Idioma y formato.Enlace permanente: Cada entrada de nuestro blog tendrá un enlace permanente que servirá paraenlazarla desde nuestro propio blog o desde otros blogs. Esta dirección se asigna por defecto usandolas palabras del título de la entrada separadas por guiones. 7
  8. 8. Seminario PDI CP Remontival IP | Crear un blog con Blogger___________________________________________________________________________________P. Ej: http://cuchuflete.blogspot.com/2012/12/olentzero-en-version-big-band.htmlEn esta pestaña podemos cambiar la dirección a otra que nos guste más, como por ejemplo:http://cuchuflete.blogspot.com/2012/12/olentzero-big-band.htmlUbicación: Podemos indicar la ubicación desde la cual se ha escrito la entrada utilizando Google Mapso simplemente indicando el nombre de la localidad. Esta función puede resultar interesante en blogscolaborativos.Opciones: - Comentarios del lector: o Permitir (No permite hacer comentarios en esta entrada). o No permitir, mostrar los existentes (No permite hacer más comentarios en esta entrada y oculta todos los comentarios ya existentes). o No permitir, ocultar los existentes (No permite hacer más comentarios en esta entrada pero permite que se sigan viendo los comentarios ya existentes). - Modo de redacción. (Avanzado) o Mostrar HTML literalmente. (Dejar esta opción por defecto) o Interpretar HTML escrito. - Saltos de línea: o Utilizar etiqueta <br> (Avanzado) o Pulsar Intro para los saltos de línea. (Recomendado) 8

×