Tutorial blog definitivo
Upcoming SlideShare
Loading in...5
×
 

Tutorial blog definitivo

on

  • 381 views

 

Statistics

Views

Total Views
381
Views on SlideShare
381
Embed Views
0

Actions

Likes
0
Downloads
3
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Tutorial blog definitivo Tutorial blog definitivo Document Transcript

  • José Canseco Castilla 1
  • ÍNDICE1.- ¿QUÉ ES UN BLOG? 4 1.1.- Características. 4 1.2.- Tipos de blogs. 4 1.3.- Partes de un blog. 5 4. Estructura de un post. 52.- CREAR UN BLOG 6 2.1.- Entrar en Blogger. 6 2.2-. Crear una cuenta. 6 2.3.- Asignar un nombre al Blog. 7 2.4.- Elegir una plantilla. 8 2.5.- Facilitar el acceso al resto del equipo. 83.- CREAR UN POST. 10 3.1.- Escribir un post. 10 3.2.- Añadir imágenes. 11 3.3.- Añadir un vídeo 12 3.4.- Añadir enlaces. 12 3.5.- Hacer un comentario al post. 124.-ADMINISTRAR Y PERSONALIZAR 14 4.1.- Configuración. 14 4.1.1.- Básico 15 4.1.2.- Entradas y comentarios 15 4.1.3.- Móviles y correo electrónico 16 4.1.4.- Idioma y formato 16 4.1.5.- Otros 17 4.2.- Entradas 18 4.3.- Páginas 18 4.4.- Comentarios 19 4.5.- Estadísticas 19 4.6.- Ingresos 19 4.7.- Diseño. 19 4.8.- Plantillas 225.- OPCIONES AVANZADAS 24 5.1.- Insertar código HTML en una entrada 24 5.2.- Colocar un documento en el blog para poder visualizarlo/descargarlo usando Box.net 25 5.3.- Colocar un documento en el blog para poder visualizarlo/descargarlo usando Scribd 26 5.4.- Insertar una presentación usando Slideshare 27 5.5.- Insertar una presentación de diapositivas de un álbum de fotos de Picasa 27 5.6.- Insertar un formulario en el blog usando 2
  • los formularios generados en Google Docs 28 5.7.- Insertar una publicación de Calaméo 296.- HERRAMIENTAS Y COMPLEMENTOS PARA BLOGS. 30 6.1.- Plantillas 30 6.2.- Gadgets o Widjets para tu blog 30 6.3.- Términos básicos 30 3
  • 1.- ¿QUÉ ES UN BLOG? Es interesante conocer previamente la herramienta con la que vamos a trabajar. Un blog,también conocido como bitácora, es un sitio Web periódicamente actualizado que recopilacronológicamente textos y artículos de uno o varios autores, donde el más reciente aparece primero,con un uso o temática en particular, siempre conservando el autor la libertad de dejar publicado loque crea pertinente. Además los lectores del blog pueden dejar sus comentarios a los artículos del blog. Alredactor del blog se le conoce como weblogger o blogger. Este tutorial hace referencia a los blogs creados con Blogger, ya que es una aplicaciónbastante sencilla de utilizar y de administrar y que al formar parte de los servicios que nos ofreceGoogle (si tenemos una cuenta), nos va a permitir utilizar otras aplicaciones como pueden ser Picasa,Youtube, etc; también de Google, y aprovechar todo el potencial que nos ofrecen. 1.1.- Características generales de un blog. • La temática es elegida por el o los autores. • Gran facilidad de creación de contenidos. • Presenta la posibilidad para los lectores de comentar los artículos. 1.2.- Tipos de blogs. En realidad existen tantos tipos de blogs como se quieran, pero se han dado nombres a algunos a partir de sus temáticas: • Audioblogs. Dedicados a las galerías de ficheros de audio. (Ejemplo: http://audioblogmusical.blogspot.com/) • Fotoblogs. Dedicados a las galerías de imágenes. (Ejemplo: http://blogs.hoy.es/fotoblog/) • Videoblogs. Dedicados a las galerías de ficheros de vídeo. (Ejemplo: http://www.adelat.org/index.php/vlog/) • Edublogs. Dedicados a los blogs con contenido educativo. Éstos serán los que a nosotros nos interesan más para nuestro trabajo en las aulas. (Ejemplo: http://ticdeplata.blogspot.com/) • Moblogs. Dedicados a los blogs actualizables desde el teléfono móvil. 4
  • 1.3.- Partes de un blog. Un blog se divide en tres partes: Título o cabecera Menú lateralPost • El título del blog o cabecera • El menú lateral, en el que, además de otros posibles elementos, suele aparecer un listado de categorías, para localizar rápidamente post de la misma temática. • El post o entrada, que se comenta a continuación. 1.4.- Estructura de un post o entrada. Fecha Título de la entrada La estructura de un post puede ser variada, pero suele tener unos apartados comunes como: • La fecha de publicación del post. • El título del post y la categoría a la que pertenece. Cuerpo de la entrada • El cuerpo del post con la noticia. • Imagen, Vídeo... • Comentario. En el caso de que el autor del post permita a los usuarios Imagen, vídeo, dejar un comentario, aparecerá un presentación... enlace para poder hacerlo. Comentario 5
  • 2.- CREAR UN BLOG 2.1.- Entrar en Blogger. Lo primero que hay que hacer, es entrar en Blogger. Para ello, tienes dos opciones: • Opción 1: Desde la página de Google (www.google.es) accediendo al enlace de Más (ubicado en el menú superior) y haciendo clic en la opción de Todavía Más y en el apartado Comunicar, mostrar y compartir seleccionar Blogger. • Opción 2: Introduciendo la dirección https://www.blogger.com/ en tu navegador. Elige la opción que te sea más fácil. La nueva versión de Blogger necesita una cuenta de Google para acceder a tus blogs. Si no la tienes, en el apartado siguiente vamos a ver cómo podemos crearla. 2.2.- Crear una cuenta. Te recomiendo que crees una cuenta en Gmail (si no la tienes ya) porque es el requisito necesario para poder acceder a Blogger y crear tu blog. Además con este registro vas a tener acceso a cualquiera de los servicios gratuitos que te ofrece Google (Gmail, GoogleDocs; Picassa, Blogger, Youtube,...); basta con introducir el usuario y contraseña que 6
  • tiene tu cuenta de correo. Para crear una cuenta en Blogger accederemos por cualquiera de las dos opciones que hemos apuntado en el apartado anterior. Una vez en la página de Blogger, hacemos clic en Comenzar Esto nos lleva a la siguiente ventana en la que rellenamos todos los datos que nos pide, aceptamos las condiciones de uso del servicio y hacemos clic en Continuar. Esta acción nos lleva al siguiente apartado.2.3.- Asignar un nombre al Blog. En primer lugar, escribe el título que quieras darle a tu Blog. En segundo lugar, debes escribir el nombre de la URL que utilizarán los usuarios paraacceder a tu blog. Anota esta dirección ya que, a través de ella, entrarás directamente alcontenido de tu bitácora. Es necesario comprobar la disponibilidad, haciendo clic enComprobar la disponibilidad. Escribimos los caracteres que aparecen en la imagen para que el sistema identifique 7
  • que es una persona, y no una máquina, la que está creando el blog. Hacemos clic en continuar y esto nos lleva al apartado siguiente.2.4.- Elegir una plantilla. A continuación, debes elegir una plantilla o modelo de presentación para tu blog; como puedes ver, hay muchos estilos para elegir. Luego, se puede cambiar, si lo prefieres. Una vez que hayas elegido la que más te gustó, haz clic en el botón de continuar. Una vez elegida la plantilla, nos aparece una pantalla que indica que Se ha creado tu blog. Así de sencillo es crear un blog en blogger. ¡Enhorabuena, ya puedes empezar a publicar tus artículos e imágenes!.2.5.- Facilitar el acceso al resto del equipo. Una de las características fundamentales de los blogs es que podemos permitir como Administradores de los mismos, el registro de otras personas para que también puedan escribir entradas. Hay que señalar que estos autores solamente pueden publicar entradas y no pueden hacer modificaciones de nuestro blog. Veamos como podemos añadir autores a nuestro blog. Lo primero que hay que hacer es acceder al blog como Administrador y en el menú lateral, hacemos clic en Configuración, 8
  • en la ventana siguiente en Permisos hacemos clic sobre Añadir autores. Esto nos lleva a una ventana emergente en la cual añadiremos tantos autores como deseemos (hasta un máximo de 100), solamente escribiendo sus direcciones de correo, separándolas por comas. A los nuevos autores les llegará un correo mediante el cual deberán aceptar lainvitación para poder publicar nuevas entradas. Una vez creados los invitados, pueden empezar a publicar entradas. Debemos tener encuenta que mientras que el administrador puede invitar a más autores y modificar la plantillay por supuesto también puede eliminarlos,los invitados sólo pueden escribir. 9
  • 3.- CREAR UN POST 3.1.- Escribir un post. Bueno, llegó la hora de comenzar, y lo primero que tienes que hacer es entrar a tu blog y crear una nueva entrada, para ello pulsa el botón Acceder. Introduce tu dirección de correo y la contraseña. En la nueva ventana pulsa el botón Entrada nueva. Nos encontramos con una ventana en la que distinguimos: 1.- Dentro del marco rojo encontramos la caja en la que pondremos el título de la entrada. Es obligatorio. Además nos encontramos con las opciones Publicar, Guardar, Vista previa y Cerrar. Publicar: Nos publica la entrada directamente en el blog. Guardar: Guarda el trabajo que hemos hecho pero no publica la noticia, la guarda como un borrador. Vista previa: Nos ofrece una vista previa en una ventana nueva, cómo quedará publicada la entrada. Cerrar: Cierra la edición de la entrada y nos avisa que perderemos los cambios realizados y no guardados. 2.- Dentro del marco verde tenemos dos opciones para escribir el cuerpo de la noticia. Redactar: Será la opción que usaremos más ya que es la que permite escribir como si 10
  • usáramos un procesador de textos. Html: Será la opción que usaremos cuando tengamos que pegar códigos escritos en lenguaje html, por ejemplo cuando queramos insertar un vídeo. Esta opción la veremos más adelante.3.- Dentro del marco amarillo encontramos todas las herramientas de edición de la entradaque vamos a publicar. También tenemos los iconos que van a permitir insertar un enlace, unaimagen o un vídeo. Más adelante veremos cómo se usan.4.- Dentro del marco verde es dónde realmente vamos a escribir el texto de nuestra noticia,también será el lugar en el que colocaremos las imágenes y los vídeos y también pegaremosaquí el código html que necesitemos para insertar determinado contenido (por ejemplo, unvídeo de youtube).5.- Dentro del marco naranja estableceremos las propiedades de configuración de la entrada: Etiquetas: Son palabras que definen de forma escueta el tema de la entrada. Programar: Permite configurar la fecha de publicación de la entrada. Puede hacerse de forma automática o manual, estableciendo la hora y fecha de la misma. Ubicación: Te permite localizar un punto en Google Maps donde puede buscar y arrastrar el señalador para elegir tu localización. Opciones. Permite configurar: • Permitir o no el comentar la entrada. • Modo de redacción del html. • Saltos de línea.3.2.- Añadir imágenes. Para añadir imágenes en cualquier momento a nuestro post se deben seguir estossencillos pasos: • Seleccionar la opción insertar imagen • En la nueva ventana aparecen varias opciones para seleccionar la imagen deseada. Son las siguientes: ◦ Subir: Desde aquí haciendo clic en Elegir archivo abrimos el administrador de archivos de nuestro equipo y localizamos la imagen deseada ◦ Desde este blog: Permite elegir alguna de las imágenes que ya tenemos subidas a nuestro blog. ◦ Desde álbumes web de Picasa: Permite elegir cualquier imagen que tengamos almacenados en nuestros álbumes de Picasa. ◦ Desde tu teléfono: Si tenemos unsmartfone o similar tendremos la opción de subir alguna imagen almacenada en el mismo. ◦ Desde una URL: Permite establecer la URL de una imagen que esté en cualquier sitio web. Una vez que hemos elegido la imagen, hacemos clic en Añadir las imágenesseleccionadas y ya la tenemos insertada en nuestra noticia. Si seleccionamos la imagen de la 11
  • noticia veremos que nos aparece un menú en el que: ◦ Elegiremos el tamaño entre varias opciones. ◦ Podemos alinearla a la derecha, izquierda o centro. ◦ Podemos añadir una leyenda. ◦ Eliminarla en cualquier momento.3.3.- Añadir un vídeo.Para añadir un vídeo a nuestra noticia, debemos seguir estos pasos: • Seleccionamos el botón insertar vídeo • En la ventana emergente que aparece podemos elegir: ◦ Subir: Abre el explorador de archivos de nuestro equipo y en él buscaremos elvídeo que queremos utilizar. ◦ Desde You Tube: Desde aquí podemos buscar en Youtube el vídeo. Para ello introducimos los criterios de búsqueda que queramos en Buscar. ◦ Mis vídeos de YouTube: Permite escoger entre todos los vídeos que tengamos en nuestra cuenta de Youtube. ◦ Desde tu teléfono: Permite subir un vídeoalmacenado en nuestro teléfono. Una vez que hemos elegido el vídeo solamente nos queda hacer clic sobre el botónSubir.3.4.- Añadir enlaces. Si queremos crear un enlace para descargar archivos, acceder a URL, contactar concorreos etc. Deberemos seleccionar previamente el texto o imagen a la que adjudicaremos elenlace y seleccionar el botón Enlace. Desde este menú podemos enlazar hacia una dirección web o a una dirección de correo electrónico, según nos convenga. Podemos probar si funciona bien el enlace. Una buena opción es marcar Abrir enlace en una ventana nueva ya que esto va a permitir que tengamos siempre presente nuestra propia página.3.5.- Hacer un comentario al post. Si el administrador del blog ha habilitado los permisos necesarios podemos hacer uncomentario al post. Para ello, al final de la noticia nos aparece una ventana como la que nos 12
  • muestra la siguiente imagen, y en la que deberemos hacer lo siguiente: • Redactar el comentario en el cuadro de escritura. • Seleccionar una opción en Comentar como: ◦ Dependiendo de la opción que elijamos deberemos introducir los datos que nos pide el menú emergente para poder hacer el comentario. • Mostrar la vista previa del comentario. • Publicar el comentario. 13
  • 4.- ADMINISTRAR Y PERSONALIZAR En este apartado vamos a ver como podemos administrar nuestro blog y configurarlo de acuerdocon nuestras preferencias.Supongamos que queremos entrar en otro momento en la administración de nuestro blog. Recordar quepara visualizar nuestro blog tenemos una dirección que será xxxxxxxx.blogspot.com (aquella que elegisteal crear el blog). Para entrar a la administración, tendremos que hacerlos desdehttps://www.blogger.com/ introduciendo nuestro nombre de usuario y contraseña. 3 2 11 Desde este panel podemos realizar varias acciones: • Crear nuevos blogs con el mismo usuario, y así disponer de varios diarios con diferentes temáticas cada uno (1). • Editar nuestro Blog (2). • Modificar el perfil de usuario, cambiar la contraseña de acceso, cambiar el idioma e incluso añadir una foto a vuestro perfil (3).Una vez que accedemos a la administración de nuestro blog vamos a ir analizando los diferentes puntosque aparecen en el menú lateral. 4.1.- Configuración. Al hacer clic en Configuración se despliega un submenú con los siguientes puntos: 14
  • 4.1.1.- Básico. En esta pantalla podemos editar: • Título. Podemos modificarlo. • Descripción. Podemos añadir una descripción sobre la temática de nuestro blog. • Privacidad. Podemos modificar los parámetros de privacidad de nuestro blog. • Publcación: Nos indica la dirección web del blog. Es conveniente no editar este apartado ya que si modificamos la dirección del blog, todos aquellos usuarios que conocieran nuestra dirección, no nos encontrarían en la red.Permisos: Aquí podemos añadir y/o editar usuarios para modificar permisos.Lecturas: Aquí definiremos si queremos que nuestro blog sea visible para todo el mundo, para los autores o solo para algunos lectores. Una vez que hayamos realizado los cambios oportunos deberemos hacer clic en Guardar cambios para que sean aplicados al blog. 4.1.2.- Entradas y comentarios. Desde esta ventana podremos configurar todo lo referente a los comentarios a un post. • Mostrar un máximo de..., nos permite determinar el número de entradas que se mostrarán en la página principal. Si elegimos la opción días, se mostrarán un máximo de 500 entradas. • Plantilla de entradas. Permite añadir una platilla para hacer comentarios. Las plantillas de entradas añaden texto o código predeterminado que aparecerá cada vez que crees una entrada nueva en el editor de entradas. • Mostrar imágenes en el Lightbox. Si dices si, cuando hagas clic en las imágenes, se abrirán superponiéndose en la parte superior del blog. Si tu entrada contiene varias imágenes, aparecerán como miniaturas en la parte inferior. Permite navegar por ellas.• Dentro de Comentarios tenemos:◦ Ubicación de los comentarios. Podemos determinar en que lugar aparecerán los comentarios.◦ ¿Quién puede realizar comentarios?. Elegiremos la opción que más nos interese.◦ Moderación de comentarios. Se recomienda marcar nunca ya que si no previamente nos llegarán a nuestro correo y tendremos que aprobarlos.◦ Mostrar enlaces de retroceso. Se recomienda mostrar.◦ Mensaje del formulario de comentarios. Permite añadir y escribir un mensaje relacionado con los comentarios. 15
  • 4.1.3.- Móviles y correo electrónico. Desde esta solapa configuraremos parámetros relacionados con la publicación de entradas a través del móvil, mediante SMS o MMS y también el envío de entradas a nuestro blog desde una cuenta de correo electrónico. • Móvil. ◦ Publicar entradas mediante SMS/MMS. Si hacemos clic sobre Añadir dispositivo móvil, nos aparece una ventana emergentey seguiremos las instrucciones que no indican para poderconfigurar esta opción. Es conveniente consultar previamente las condiciones de uso de esteservicio haciendo clic en Más información acerca de los dispositivos móviles. • Correo electrónico. Tenemos: • Publicar entradas mediante correo electrónico. Permite Utiliza esta dirección para publicar texto e imágenes (hasta 10 MB de tamaño) directamente en tu blog. Elegiremos la opción que creamos más conveniente. • Correo electrónico de notificación de comentarios. Puedes introducir un máximo de diez direcciones de correo electrónico, separadas por comas. Se enviará un mensaje a cada una de ellas cuando alguien deje un comentario en tu blog. • Enviar entradas por correo electrónico a. Puedes escribir una lista de hasta 10 direcciones de correo electrónico separándolas con comas para que reciban tu blog por correo electrónico cada vez que publiques algo. Una vez que has realizado los cambios pertinentes, no olvides guradar la nueva configuración pulsando en Guardar configuración. 4.1.4.- Idioma y formato. En esta solapa configuraremos los parámetros relacionados con el idioma y con el horario. Tenemos: • Idioma: ◦ Idioma: Elegimos español. Si queremos podemos elegir otro, con ello conseguimos que la interfaz se muestre en ese idioma. ◦ Habilitar transliteración. Se recomienda dejarlo en Inhabilitar. • Formato: ◦ Zona horaria. Aquí pondremos la zona horaria en la que nos encontramos. En nuestro caso escogemos Madrid. ◦ Formato de cabecera de fecha. Elegimos el formato con el que deseamos que se muestre la 16
  • fecha en las entradas.◦ Formato de hora. Elegimos el formato de la hora que se muestra en las entradas.◦ Formato de hora de los comentarios. Permite elegir el formato que mostrará la hora de publicación de los comentarios. 4.1.5.- Otros. En este apartado nos encontramos con lo siguiente: • Herramientas de blog. Nos ofrece tres posibilidades. ◦ Importar blog. Importa entradas y comentarios de un archivo de exportación de Blogger. Las entradas importadas se combinarán con las actuales y se ordenarán por fecha. ◦ Exportar blog. Exporta tu blog al formato de exportación Atom de Blogger. Puedes hacerlo para migrar tu blog a otro servicio de publicación de blogs o simplemente para almacenarlo en el disco duro. ◦ Suprimir blog. Podemos eliminar nuestro blog.Los blogs eliminados se pueden restaurar en un plazo de 90 días antes de que se supriman definitivamente. Antes de suprimir nos permite exportarlo. • Feed del sitio.Tendremos las opciones para configurar los RSS de nuestro blog. ◦ Permitir feed del blog. Selecciona Completo para distribuir todo el contenido de tu entrada. Selecciona Hasta el salto de línea para mostrar todo el contenido de la entrada hasta el salto de línea. Selecciona Corto para distribuir aproximadamente los primeros 400 caracteres. Si seleccionas Ninguno, no se distribuirá tu blog y la Búsqueda de blogs de Google no indexará su contenido. ◦ Publicar URL redireccionada del feed.Si has copiado el feed de entradas con FeedBurner o si has utilizado otro servicio para procesar el feed, escribe aquí la URL completa del mismo. Blogger redireccionará todo el tráfico del feed de entradas a esta dirección. Deja este campo en blanco si no quieres que se redireccione. ◦ Pie de página del feed de entradas. Esto aparecerá después de cada entrada en el feed de entradas. Si utilizas anuncios u otros elementos de terceros, puedes introducir el código aquí. También debes establecer Permitir feeds del blog en Completo (arriba). ◦ Habilitar enlaces a adjuntos. Esto se utiliza para hacer que los podcasts, MP3 y otro contenido de tus entradas se pueda reproducir en feeds como RSS y Atom. • OpenID. OpenID es un servicio que nos permite, con un solo registro, poder hacerlo en muchísimos sitios web que utilizan éste sistema, con el consiguiente ahorro de tiempo al no tener que rellenar tantos formularios de registro, realmente, un servicio muy útil. La dirección OpenId que debes utilizar si lo deseas es la que aparece en el apartado Tu URL de OpenID. • Contenidos para adultos. Si seleccionas Sí, los visitantes de tu blog verán un mensaje de advertencia y se les pedirá que confirmen que desean acceder a tu blog. Evidentemente nuestro blog no tendrá contenidos de este tipo. • Google Analitycs. ◦ ID de propiedad web de Google Analytics. Añade Google Analytics a tu blog para ver cómo interactúan los visitantes con tu sitio. Añade tu ID de propiedad web de Google Analytics para iniciar el seguimiento de tu blog. Esta configuración es específica de las plantillas de vistas dinámicas y de diseño. Si utilizas una plantilla clásica en tu blog, tendrás que añadirla manualmente a tu plantilla habitual. 17
  • 4.2.- Entradas. Al hacer clic en Entradas, nos aparece la siguiente pantalla en la que encontramos una relación de las entradas que tiene nuestro blog, el autor de las mismas, la fecha de publicación, si hay comentarios y la estadística del mismo; y desde la que podemos hacer lo siguiente: • En el primer icono, etiquetar las entradas seleccionadas. • Publicar la entrada seleccionada. • Restablecer como borrador la entrada seleccionada. • Eliminar la entrada seleccionada.Debajo de Entradas del panel lateral nos aparece un submenú que selecciona Todas, Publicadas oBorradores. Seleccionando cualquier entrada podemos editarla, visualizarla, modificarla, suprimirla. 4.3.- Páginas.Cuando hacemos clic en Páginas, nos aparece la siguiente ventanaDesde ella podemos añadir nuevas páginas a nuestro blog o redireccionarlo hacia otra web.Si queremos añadir una nueva página, haremos clic sobre Página nueva, nos aparece un submenú que nosofrece dos posibilidades: • Página en blanco. Añade una nueva página en la que podemos añadir textos y multimedia en un solo post. • Dirección web. Permite enlazar y redireccionar nuestro blog a otra web. 18
  • En el botón Enlaces laterales podemos optar por: • Pestañas principales. Muestra los enlaces de las páginas en pestañas debajo de la cabecera del blog. • Enlaces laterales. Coloca un gadget lateral con los enlaces. • No mostrar. Aparece la página principal y oculta las demás. 4.4.- Comentarios.En comentarios aparece la siguiente ventana Como vemos nos muestra un listado de todos los comentarios de nuestro blog. Desde aquí podemoseliminar el contenido, suprimir un comentario o considerarlo spam. Bastará selecionarlo para poderrealizar cualquier acción. 4.5.- Estadísticas. En esta pestaña encontramos información estadística del uso y visitas de nuestro blog. Consideroque esta pestaña no es objeto de estudio de este tutorial. 4.6.- Ingresos. Igual que la anterior pestaña, no es objeto de estudio esta. 4.7.- Diseño. Quizás lo más interesante y divertido es la pestaña Diseño, ya que es la que nos va a permitir configurar el aspecto y contenido de nuestro blog en función de nuestras necesidades y gustos. Vamos a analizarla con detenimiento: 19
  • En esta ventana podemos ver un boceto de cómo es nuestro blog, donde podremos cambiar yacomodar de forma “drag and drop” (o sea, arrastrando las cosas) la fachada de nuestro blog demanera muy simple. También podemos añadir o suprimir gadget con facilidad y por supuesto editarlos que ya tenemos. No debemos olvidar que para que tengan efecto las modificaciones querealicemos deberemos hacer clic en Guardar disposición.Veamos algunos de ellos. En Configurar favicon podemos cambiar el icono que aparece en la barra de dirección de nuestro blog. En Barra de navegación podemos elegir una de entre todas las que nos ofrece blogger. En Configurar cabecera personalizaremos la cabecera de nuestro blog. Cambiamos el nombre, ponemos una imagen,... En Configurar entradas del blog, personalizamos las propiedades de las entradas o post.En Archivo del blog, estableceremos los parámetros quequeremos que tenga la presentación de todas las entradasque contiene nuestro blog. Hasta aquí todos estos elementos son comunes a todos los blogs, pero podemos encontrar 20
  • muchos y variados elementos, que modificaremos teniendo en cuenta las característicasindividuales de cada uno. Veamos algunos ejemplos de los más comunes: En este gadget se copia el código html o javascript que nos proporciona un espacio web, en este ejemplo el código permite incrustar un calendario. Podemos añadir tantos gadgets como queramos. Un gadget se puede definir como un“artilugio” o “chisme”, es decir una miniaplicación que enriquece nuestro blog. Así pues si queremos añadir un gadget haremos clic enla posición deseada y nos aparece la ventana que vemos a laderecha. Elegiremos el que queramos y posteriormente loconfiguramos. Decir que hay cientos de ellos, los más usualesserán los que el propio blogger nos ofrece dentro de lo básico.Los gadgets más usados y que nos van a venir mejor para los fines que perseguimos son lossiguientes: 21
  • 4.8.- Plantillas.Igual que la pestaña anterior en esta podemos dar un aspecto diferente y personalizado a nuestroblog, eligiendo entre muchas plantillas diferentes y configurando la elegida a nuestro gusto.Veamos la pantalla a la que accedemos cuando hacemos clic en Diseño.Se muestra la plantilla que tenemos en nuestro blog en ese momento y la vista que aparecería ennuestro teléfono móvil. Tenemos debajo un montón de plantillas entre las que elegir, solamenteseleccionamos una y podemos aplicarlas al blog o personalizarla y ya habríamos cambiado elaspecto de nuestra página.Debajo de la plantilla actual tenemos dos botones: Personalizar y Edición de HTML. • Personalizar. Nos muestra la siguiente imagen en la que podemos definir muchos parámetros de la plantilla en función de nuestras preferencias. 22
  • Cuando esté a nuestro gusto haremos clic en aplicar al blog y nos guardará los cambios realizados. • Edición de HTML. Nos muestra una ventana de aviso en la que nos advierte que esta opción es para usuarios avanzados ya que los cambios que realicemos pueden afectar seriamente a nuestro blog y podemos tener fallos en el mismo. Por tanto es recomendable no utilizar esta opción. En Diseño tenemos una opción interesante que es el botón Crear copia de seguridad/Restablecer.Al hacer clic sobre él nos aparece Es aconsejable crear desde aquí una copia de seguridad de nuestro blog antes de modificarlo, yaque así siempre podremos restablecer lo que ya teníamos en el supuesto de que no nos gusten los cambiorealizados y no sepamos volver atrás. 23
  • 5.- Opciones avanzadas. 5.1.- Insertar código HTML en una entrada. Hasta este momento, hemos modificado nuestro blog para ponerlo “bonito”. En este capítulo vamos a personalizarlo de un modo avanzado. Veremos como se pueden incluir sonidos, presentaciones, documentos, vídeos, diapositivas, contadores de visitas, calendarios,... Todo esto se hace agregando el código html que proporcionan las diferentes páginas que vamos a usar. Para ello describiremos a continuación cómo insertamos el código html en las entradas de nuestro blog, ya que será el modo que utilizaremos para poner vídeos, presentaciones, galerías de fotos, música, documentos para descargar, archivos flash, y un sin fin de posibilidades. Vamos a ello. • Creamos una nueva entrada, le ponemos el título y redactamos el contenido de la noticia. • A continuación pulsamos sobre el botón HTML que está al lado de Redactar. Veremos que cambia el contenido del cuerpo de la noticia. Ahora estamos viendo el lenguaje html (que es en realidad lo que leen los navegadores y luego nos muestran en pantalla) y pegamos el código proporcionado por la web del recurso que queremos insertar. Para pegar el código html lo haremos manteniendo pulsada la tecla Ctrl+v ya que algunos navegadores no permiten pegar con botón derecho. El resultado es el siguiente: Ya está. Ahora debemos publicar o guardar la entrada para guardar los cambios. La noticia se verá así. 24
  • Este proceso es común a todas las opciones que veremos a continuación, lo que puede variar es la forma de obtener el código en función del recurso que queremos insertar.Aquí tienes los recursos más utilizados: 5.2.- Colocar un documento en el blog para poder visualizarlo/descargarlo usando Box.net. Actualmente blogger no permite cargar documentos en nuestro sitio, sin embargo hay servicios que nos ofrecen la posibilidad de alojarlos y compartirlos. Box.net es una de esas páginas que nos ofrece estos servicios en la red de forma gratuita, por tanto, podemos subir aquí nuestros documentos en cualquier formato, aunque siempre es recomendable que los subamos en pdf. Los documentos que coloquemos en box.net podrán ser descargados con facilidad por los visitantes de nuestro blog. Para ello, debemos registrarnos y subir los documentos que queremos poner en el blog. Veamos como hacerlo: • Abrimos la página http://www.box.net y accedemos con nuestro usuario y contraseña. Si no tenemos una cuenta podemos crearla. Dentro de la pestaña Archivos, nos aparecen las carpetas que hemos creado y dentro de ellas los documentos que contienen. Elegimos el documento que queremos colocar en el blog. 25
  • En Enlace, elegimos Incrustar y nos aparece una ventana con el código generado, lo copiamos y lo pegamos en la entrada de nuestro blog tal y como hemos descrito en el apartado 5.1.5.3.- Colocar un documento en el blog para poder visualizarlo/descargarlo usando Scribd. Scribd es otra página que te permite editar, recopilar, compartir y publicar tusdocumentos en cualquier formato, aunque como siempre es recomendable usar el formato pdf. Elproceso a seguir es similar al anterior. • Abrimos la página http://www.scribd.com y accedemos con nuestro usuario y contraseña. Si no tenemos una cuenta podemos crearla. En Mi estante elegimos el documento a insertar haciendo clic y nos abre la siguiente ventana. En Embed Doc clicamos y nos aparaece una ventana con el código a insertar. Lo copiamos y seguimos los pasos indicados en el apartado 5.1. 26
  • 5.4.- Insertar una presentación usando Slideshare. Existen muchas páginas en las que podemos subir nuestras presentaciones para poderlasvisualizar online. Quizás una de las más conocidas sea Slideshare. Vamos a ver como insertaríamosuna presentación alojada en Slideshare. Para ello, y como siempre debemos ingresar con nuestro usuario y contraseña. Si noestamos registrados podemos crearnos una cuenta. • Accedemos a http://wwww.slideshare.com Hacemos clic en My public profile que nos llevará al catálogo de nuestras presentaciones. Elegimos unay se muestra Hacemos clic en Embed y obtenemos el código html. Lo copiamos y seguimos los pasos indicados en el apartado 5.1.5.5.- Insertar una presentación de diapositivas de un álbum de fotos con Picasa. Otra de las aplicaciones que tenemos asociada a nuestra cuenta de Gmail es Picasa, un sitio web en el que podemos subir fotos y compartirlas. Vamos a ver cómo podemos insertar una presentación de diapositivas de un álbum en nuestro blog. Para ello, primeramente debemos tenerlo en Picasa. • Accedemos con nuestra cuenta a http://picasaweb.google.com y elegimos el álbum que queremos insertar. • Una vez que lo hemos elegido, Picasa nos muestra una 27
  • nueva ventana en la que aparecen las fotos del álbum. Aquí podemos realizar diferentes acciones sobre el mismo. En el panel derecho hacemos clic sobre Enlazar a este álbum y a continuación hacemos clic sobre Incrustar proyección de diapositivas. Copiamos el códigoy publicamos una entrada siguiendo los pasos que nos indica el apartado 5.1.5.6.- Insertar un formulario en el blog usando los formularios de Google Docs.Podemos insertar en nuestro blog un formulario creado con Google Docs de una manera muy fácil.Veamos la forma de hacerlo. Lógicamente debemos crear el formulario en nuestra cuenta. Una vezcreado lo seleccionamos como si fuéramos a editarlo y después hacemos clic en Formulario y acontinuación en el menú desplegable elegimos Insertar formulario en una página web. 28
  • Esto nos lleva a una ventana emergente que nos proporciona el código html, lo copiamos y seguimos los pasos indicados en el apartado 5.15.7.- Insertar una publicación de CalaméoCalaméo es un programa que crea publicaciones Web imitando a un libro, y además, de una forma muyfácil. Desde un archivo PDF, podréis crear vuestros pequeños libros, folletos, revistas, etc sobre eltema que os interese.Vamos a ver cómo se hace: • Accederemos a la dirección http://calameo.com con nuestro usuario y contraseña. Si no estamos registrados podemos crear una cuenta. Hacemos clic en Sus publicaciones y nos aparece una ventana en la que se muestran todas las publicaciones que tenemos subidas. Elegimos la que queremos insertar en nuestro blog y hacemos clic sobre la opción CompartirAparece una ventana emergente que nos proporciona el código html y copiamos la opción CódigoHTML (old versión) Una vez copiado, publicamos la entrada siguiendo los pasos indicados en el apartado 5.1. 29
  • 5.- HERRAMIENTAS Y COMPLEMENTOS PARA BLOGSEn este apartado se incluye información adicional al manual de blogger, y que en un momento dado nospuede ser útil. Es la siguiente: 5.1.- Plantillas. • Plantillas exclusivas: http://btemplates.com/ • 50 bonitas plantillas para Blogger: http://mashable.com/2007/09/13/blogger-templates/ • Diseños a partir de CSS: http://blogandweb.com/category/plantillas-blogger/ • Plantillas clasificadas por temas: http://blogger-templates.blogspot.com/ • Distintas clasificaciones: http://www.blogskins.com/ • Themas similares a los de Wordpress: http://www.geckoandfly.com/blogspot-templates/ • Clasificación en función de sus números de columnas: http://www.templatepanic.com/tag/blogger-templates • Generador de plantillas para crear tu propio diseño: http://psyc.horm.org/ • Recopilación con 100 plantillas variadas: http://www.stardustxs.com/2008/02/26/100-plantillas-para-blogger-blogspot-templates- themes/ 5.2.- Gadgets o Widjets para tu página Web. Pequeñas aplicaciones que pueden funcionar en el escritorio del ordenador o en el navegador. Empezaron a denominarse “gadgets” (“artilugios”, “chismes”).De todas formas, “gadgets” y “widgets” vienen a designar prácticamente la misma clase de software. • Colección de Google : http://www.google.com/ig/directory?num=24&synd=open&cat=all • Alegra tu página Web o blog con los siguientes widjets: http://www.euroresidentes.es/gadgets.htm • Álbum de foto: http://ayudaparatublog.com/category/servicios_para_blog/servicios_album/ • De todos un poco, el mejor con más de 30.000 widjets: http://www.widgetbox.com/ • Complementos o widgets: http://juglar103.blogsome.com/2007/01/04/complementos-o-widgets-para-tu-blog/ • Cosas entretenidas para poner al blog, tarjetas, juegos, puzzles, etc... http://www.pageplugins.com/ • Otras opciones divertidas para blogger http://www.labpixies.com/ 5.3.- Términos básicos. • Weblog: a veces se conocen como blogs o bitácoras. Es el producto final en Internet de lo que puede ser un diario, noticias, página web personal.... Los contenidos dependend de tí • Contenido: quiere decir la información que publicas en tu blog. Texto, páginas web (html), imágenes, fotos, videos... El tipo más comun en los blogs es texto con enlaces, aunque los imágenes y incluso audio va adquiriendo popularidad • Servidor: una máquina que reside en Internet y tiene 100% conectividad. Los servidores son donde se publica el contenido del blog y permite que este accesible por los internáutas de todo el mundo. A veces los servidores se llaman hosts, y la acción de 30
  • publicar información en un servidor se llama hosting o alojar.• URL: las siglas URL en inglés quieren decir "Uniform Resource Locator," y se refiere altexto que identifica a una página web. Normalmente empieza por"http:/...".• Enlace, vínculo, hipervínculo: un hiperenlace es un URL publicado dentro de una páginaweb. Los hipervínculos o enlaces normalmente aparecen en azul y si se les pincha le llevanal usuario a otra página.• Post: se refiere a la publicación de un artículo o entrada nueva en un blog• Blog público y blog privado: dos términos que diferencian entre los dos tipos de blogs.Elpúblico aparece publicado y accesible en Internet sin que estén protegidos por una clavede acceso. Blogs privados están publicados en Internet, pero están protegido y solamentepueden ser accedidos mediante una clave de acceso.• Template: es la platilla o diseño gráfico más otros atributos (enlaces y otros recursos enlas barras laterales).• RSS /Atom: Métodos de sindicación de contenidos que permiten la informar a losinteresados de su actualización o nuevos contenidos. Ver más sobre RSS. 31