tutorial para blogger by create vicente de la rosa lópez

56
Vicente De La Rosa López [email protected] [email protected]

Upload: vicmixdj

Post on 12-Jun-2015

1.747 views

Category:

Technology


0 download

DESCRIPTION

Este tutorial te ayudara para que puedas crear tu propio blog y configurarlo como gustes, tambien te enseñare a agregarle un chat a tu blog y un CB

TRANSCRIPT

Page 1: Tutorial para blogger   by create vicente de la rosa lópez

Vicente De La Rosa López

[email protected]

[email protected]

Page 2: Tutorial para blogger   by create vicente de la rosa lópez

1.- COMO CREAR UN BLOG EN BLOGGER

Para poder crear un blog en blogger necesitamos tener una cuenta de gmail, si no

contamos con una tendremos que crearla, es fácil y sencillo.

Ingresamos a nuestro navegador de internet, y abrimos la pagina de blogger.com

Una vez abierta la pagina daremos click en el botón de COMENZAR

Page 3: Tutorial para blogger   by create vicente de la rosa lópez

Cuando ya hicimos click en el botón de COMENZAR nos abrirá la siguiente pagina

donde solamente tendremos que proporcionar los datos que se nos pide.

Page 4: Tutorial para blogger   by create vicente de la rosa lópez

Cuando ya terminamos de poner todos los datos necesarios, vamos a determinar que

aceptamos las condiciones del servicio haciendo click sobre la casilla para

activarla, una ves hecho esto haremos click ahora en el botón CONTINUAR.

Page 5: Tutorial para blogger   by create vicente de la rosa lópez

Posteriormente tendremos ya creada nuestra cuenta de gmail, ahora solo nos resta

ingresar con nuestro nombre de usuario y contraseña, por lo regular a la hora de

crear nuestra cuenta nos abre directo nuestra la pagina de escritorio.

Page 6: Tutorial para blogger   by create vicente de la rosa lópez

Una vez ingresado a nuestra pagina de inicio a nuestra cuenta, que es nuestro

ESCRITORIO, haremos click sobre en enlace que dice crear un blog.

Page 7: Tutorial para blogger   by create vicente de la rosa lópez

El primer paso para crear nuestro blog es asignarle un nombre, rellenamos los datos

que nos pide y al crear nuestra dirección de URL nos cercioraremos de que este

disponible.

Page 8: Tutorial para blogger   by create vicente de la rosa lópez

Una ves proporcionado los datos requeridos haremos click sobre el botón de

CONTINUAR.

Page 9: Tutorial para blogger   by create vicente de la rosa lópez

El segundo paso será personalizar nuestro blog escogiendo una de las plantillas

predeterminadas, esto será para que nuestra pagina de blog tenga una mejor

apariencia. Así que seleccionaremos la plantilla que mas nos guste y haremos

click sobre ella.

Page 10: Tutorial para blogger   by create vicente de la rosa lópez

Cuando ya tengamos nuestra plantilla seleccionada solo nos resta hacer click sobre

el botón de CONTINUAR para que se aplique la plantilla que queremos a nuestra

pagina de blog.

Page 11: Tutorial para blogger   by create vicente de la rosa lópez

Y listo nuestra pagina de blog a sido creada con éxito, podemos empezar a publicar

si deseamos dejar nuestro blog así, de lo contrario podemos personalizarlo

todavía aun mas.

Page 12: Tutorial para blogger   by create vicente de la rosa lópez

2.- COMO PERSONALIZAR LA APARIENCIA DEL BLOG

Como ya les avía mencionado anteriormente podemos seguir personalizando aun

mas la apariencia de nuestro blog como mejor nos parezca es cosa de poner en

practica nuestra creatividad. Una vez creado nuestro blog hacemos click sobre el

enlace que dice personalizar su apariencia.

Page 13: Tutorial para blogger   by create vicente de la rosa lópez

Después de hacer click sobre el enlace personalizar su apariencia nos abrirá una

ventana en la cual podremos personalizar las PLANTILLAS, EL FONDO, AJUSTAR

EL ANCHO, EL DISEÑO, Y OPCIONES AVANZADAS para nuestro blog.

Page 14: Tutorial para blogger   by create vicente de la rosa lópez

Al hacer click sobre la opción de FONDO podremos cambiar el fondo de nuestro blog

Al hacer click sobre esta pequeña flechita nos abrirá otra ventana en la que podremos

elegir el fondo que mas queramos de varias categorías disponibles.

Page 15: Tutorial para blogger   by create vicente de la rosa lópez

Aquí podremos seleccionar el fondo que mejor nos paresca…

Una ves seleccionado, hacemos clic sobre el botón de FINALIZADO

Page 16: Tutorial para blogger   by create vicente de la rosa lópez

Podemos personalizar nuestro blog como nosotros queramos, es cosa de ver nuestra

necesidades, una ves hecha toda la modificación haremos click sobre el botón

APLICAR AL BLOG.

Page 17: Tutorial para blogger   by create vicente de la rosa lópez

Al hacer click sobre ese botón nos abrirá una vista previa de como quedo

personalizado nuestro blog.

Page 18: Tutorial para blogger   by create vicente de la rosa lópez

Regresamos a la pagina principal de nuestra sesión de gmail, el cual es nuestro

escritorio, hacemos click ahora sobre el enlace de DISEÑO.

Page 19: Tutorial para blogger   by create vicente de la rosa lópez

Ahora hacemos click sobre el la pestaña de edición de HTML, podemos bajar unas

plantillas mas personalizadas de la pagina btemplates.com al descargar alguno

descomprimimos la carpeta y utilizaremos el archivo con extensión XML

Page 20: Tutorial para blogger   by create vicente de la rosa lópez

Una vez descargada la plantilla que queremos utilizar de la pagina btemplates.com

vamos a descomprimir la carpeta exportando todos los archivos, para poder

utilizar el archivo con extensión XML, ahora haremos click sobre el botón

EXAMINAR.

Cuando ya seleccionamos el archivo que necesitamos vamos a hacer click sobre el

botón de SUBIR para aplicar la plantilla que necesitaremos…

Page 21: Tutorial para blogger   by create vicente de la rosa lópez

Nos aparecerá un mensaje que nos dirá que la plantilla que estamos ocupando no

contiene unos widgets, pero eso lo ignoraremos por que de todas maneras

aplicara la plantilla. Así que hacemos click sobre el botón MANTENER WIDGETS.

Page 22: Tutorial para blogger   by create vicente de la rosa lópez

Ahora solo nos queda guardar los cambios a la plantilla que ya teníamos, dares click

sobre el botón de GUARDAR PLANTILLA, o bien podemos ver una vista previa de

como quedara nuestra pagina de blogger haciendo click sobre VISTA PREVIA.

Page 23: Tutorial para blogger   by create vicente de la rosa lópez

Y listo nuestra plantilla a quedado modificada y se vera de esta manera.

Page 24: Tutorial para blogger   by create vicente de la rosa lópez

3.- COMO AGREGAR UN CHAT AL BLOG El chat nos servirá mucho para que podamos chatear con las personas suscritas a

nuestro blog, es fácil de colocar y configurar. Para colocar el chat primero

abrimos nuestro navegador de internet.

Page 25: Tutorial para blogger   by create vicente de la rosa lópez

Estando ya en nuestro navegador de internet, ingresaremos al buscador de GOOGLE

Ahora anotaremos la palabra XAT en google, y le damos en BUSCAR.

Page 26: Tutorial para blogger   by create vicente de la rosa lópez

Seleccionaremos la primera opción que nos aparece al darle buscar!

Page 27: Tutorial para blogger   by create vicente de la rosa lópez

Nos deberá aparecer esta pagina, con la cual podremos ingresar el chat a nuestro

blog.

Page 28: Tutorial para blogger   by create vicente de la rosa lópez

Hacemos click ahora sobre la pestaña de WIDGETS

Posteriormente haremos click sobre el botón de consiga una caja de chat gratis!

Page 29: Tutorial para blogger   by create vicente de la rosa lópez

Ahora podemos seleccionar una imagen para que nos aparezca de fondo en nuestro

chat, existen muchas imágenes, así que podrás elegir la que mas te guste.

Page 30: Tutorial para blogger   by create vicente de la rosa lópez

Una ves seleccionada la imagen que queremos, nos muestra el código mas abajo,

que es la que necesitaremos para ponerlo en nuestro blog. Haremos click sobre

el botón COPY, se selecciona el código de HTML y ahora lo copiaremos con las

teclas CONTROL + C

Para copiar

podemos teclear

Control + c

Page 31: Tutorial para blogger   by create vicente de la rosa lópez

Ahora abrimos una nueva ventana en nuestro explorador de internet, e ingresaremos

a la pagina de blogger.com

Ingresaremos con nuestro nombre de usuario y contraseña de la cuenta gmail para

que nos muestre nuestra pagina principal que es nuestro escritorio.

Page 32: Tutorial para blogger   by create vicente de la rosa lópez

Estando ya en nuestra ventana de escritorio en nuestra cuenta de gmail, haremos

click sobre la pestaña de DISEÑO.

Page 33: Tutorial para blogger   by create vicente de la rosa lópez

Nos aparece la siguiente ventana en la cual agregaremos un gadget, para colocar el

codigo que copiamos con anterioridad en la pagina de XAT, hacemos click sobre

Añadir un gadget.

Una vez haciendo click nos aparecerá esta

ventana en la cual buscaremos la opción

HTML/Javascript

Page 34: Tutorial para blogger   by create vicente de la rosa lópez

Cuando ya hayamos encontrado la opción de HTML/Javascript haremos click sobre

ella para poder colocar el codigo.

Page 35: Tutorial para blogger   by create vicente de la rosa lópez

Al hacer click no abre una ventana en la que pondremos el titulo del gadget y

pegaremos el codigo que hemos copiado con anterioridad.

Una vez pegado el codigo, hacemos

click en GUARDAR.

Page 36: Tutorial para blogger   by create vicente de la rosa lópez

Como verán a quedado agregado nuestra sección de chat en nuestro blog.

Ahora podemos ver como quedara ya aplicada a nuestro blog haciendo click sobre el

botón de vista previa

Page 37: Tutorial para blogger   by create vicente de la rosa lópez

Y así es como se vera en nuestro blog el chat!

Page 38: Tutorial para blogger   by create vicente de la rosa lópez

Por ultimo solo nos resta guardar los cambios hechos en nuestro blog, lo cual

guardara el codigo del chat, para ello regresamos a la pagina anterior donde le

dimos vista previa, y ahora haremos click sobre el botón de GUARDAR.

Y listo nuestro chat a quedado agregado a nuestra pagina de blog.

Page 39: Tutorial para blogger   by create vicente de la rosa lópez

4.- COMO AGREGAR UN CBOX A NUESTRO BLOG

El cibox es una especie de chat o bandeja de opiniones que permite la

relación visitante-blog es mas elegante y simple no

necesita registrarse es un chat bastante fácil de entender.

Primero que nada para agregar el CBOX igual nos iremos a nuestro

explorador de internet.

Page 40: Tutorial para blogger   by create vicente de la rosa lópez

Ahora anotaremos www.cbox.ws en nuestra barra de direcciones

Es importante resaltar que para poder acceder a esta pagina y poder seguir con los

pasos necesitamos estar registrados a esta pagina, si no lo estamos tendremos

que crear una cuenta en cbox. Ya estando en la pagina de inicio nos vamos a la

pestaña de sign up

Page 41: Tutorial para blogger   by create vicente de la rosa lópez

Ahora solo anotaremos los datos que nos pide para poder crear nuestra cuenta de

cbox, una ves de a ver proporcionado los datos , marcaremos la casilla donde

nos pide que habilitemos si aceptamos los termino del servicio.

Por ultimo haremos click sobre el botón create my cbox!

Para crear nuestra cuenta…

Page 42: Tutorial para blogger   by create vicente de la rosa lópez

Nuestro registro a quedado, ahora ingresaremos con nuestro nombre de usuario y

contraseña, después haremos click sobre el icono de la flecha!

Page 43: Tutorial para blogger   by create vicente de la rosa lópez

Bien ahora nuestra cuenta a sido activada con éxito, podemos personalizar nuestro

CBOX si queremos, esto ya es a consideración de cada persona, lo puedes hacer

desde la pestaña Look & Feel

Page 44: Tutorial para blogger   by create vicente de la rosa lópez

Una ves personalizado nuestro cbox en cuanto a color, tamaño etc… vamos a ponerla

en nuestra pagina de blogger, en nuestro blog, para ellos nos vamos a la pestaña

PUBLISH!.

Después pondremos nuestra dirección URL de nuestro blog.

Page 45: Tutorial para blogger   by create vicente de la rosa lópez

Posteriormente haremos click sobre esta flecha desplegable, en la cual nos muestra

varias opciones de done queremos colocar el cbox,

como lo necesitamos para un blog, seleccionaremos la opcion Blogger/Blogspot

Page 46: Tutorial para blogger   by create vicente de la rosa lópez

Ahora copiaremos el codigo para pasarlo a nuestro blog, hacemos click sobre el

botón de Copy to clipboard

Nos abrirá una nueva ventana en la que le daremos la opción de Aceptar.

Page 47: Tutorial para blogger   by create vicente de la rosa lópez

El paso anterior solo es para que noes permita copiar todo el codigo, ahora haremos

click derecho, y copiar sobre el codigo, o simplemente presionaremos

CONTROL + C para copiar el codigo.

Page 48: Tutorial para blogger   by create vicente de la rosa lópez

Una ves copiado el codigo, nos iremos a la pagina de blogger.com para ingresar el

codigo en nuestro blog.

Ahora solo ingresaremos con nuestra cuenta antes creada, nombre de usuario y

contraseña.

Page 49: Tutorial para blogger   by create vicente de la rosa lópez

Ya que estamos en el escritorio de nuestra pagina, nos iremos al a opción de Diseño

De la misma manera que como ingresamos en chat, añadiremos un nuevo gadget

Page 50: Tutorial para blogger   by create vicente de la rosa lópez

Nos abre una nueva ventana en la que elegiremos la opción de HTML /Javascript

Page 51: Tutorial para blogger   by create vicente de la rosa lópez

Ahora le daremos un titulo al gadget y posteriormente pegaremos el codigo que

copiamos de la pagina de cbox.ws

Una ves pegado el codigo, haremos click

sobre el botón de Guardar.

Page 52: Tutorial para blogger   by create vicente de la rosa lópez

Ahora nuestro cbox a quedado agregado en nuestra pagina de blog, solo resta

guardar los cambios.

Ahora solo guardaremos los cambios para que se apliquen a nuestro blog, hacemos

click sobre el botón de Guardar.

Page 53: Tutorial para blogger   by create vicente de la rosa lópez

Ahora podemos ver como quedo nuestro blog con las nuevas cosas que le hemos

añadido, haces click sobre el enlace ver blog…

Page 54: Tutorial para blogger   by create vicente de la rosa lópez

Y listo nuestro blog a quedado terminado, con un chat y con un cbox agregado…

Page 55: Tutorial para blogger   by create vicente de la rosa lópez

CONCLUSIÓN

La creación de este blog nos servirá mucho no solo como una herramienta de

comunicación, sino que también apoya al proceso de enseñanza aprendizaje,

haciendo mas interactivo el proceso del aprendizaje, de esta forma podremos

mantener la atención de los alumnos, ya que hoy en la actualidad los estudiantes

se enfocan mucho al internet para realizar sus tareas, con la crean de un blog

podremos subir trabajos como maestros y creando un chat dentro del mismo

podremos resolver las dudas desde lugares distintos sin la necesidad de estar en

el mismo espacio y al mismo tiempo, de igual forma con el CBOX así ellos podrán

decir que tal les pareció el trabajo dejando sus comentarios o sugerencias para

los siguientes trabajos.

www.http://vicmixdjambientesdeaprendizaje.blogspot.com

Page 56: Tutorial para blogger   by create vicente de la rosa lópez

Gracias por tu confianza y tu apoyo a que este tutorial se utilice aun mas…

No olvides seguirnos….

Vicente De La Rosa López

[email protected]

[email protected]

TUTORIAL PARA BLOGGER By VICENTE DE LA ROSA LÓPEZ