Contenido:      1.   Crear un blog en Blogger      2.   Cómo personalizar la apariencia del blog      3.   Agregar chat al...
Como primer paso debemos de entrar a este enlace:            http://www.blogger.com
Para comenzar a crear el blog debemos seleccionar con un clic la opción Comenzar que nos muestra la                       ...
Para poder crear un Blog primeramente debemos crearuna cuenta de google. No hace falta pero convienetenerla si queremos ac...
En dado caso que ya se cuente con una cuenta degoogle lo único que se debe hacer es seleccionar laopción iniciar sesión y ...
En la siguiente ventana podremos ponerle un nombre anuestro Blog y el URL que tendrá; para confirma que noexiste debemos c...
Después de encontrar un URL disponible escribiremos las2 palabras que nos aparece en la ventana para despuésdarle clic en ...
Por último, tendremos que elegir una plantilla, que es el diseñogeneral del blog. Elegiremos la que más nos guste, pero má...
Listo.. Ya lograste crear tu Blog
Ya creado el Blog podremos personalizarlo dando clicen la opción Personalizar su apariencia.
En la siguiente ventana podremos cambiar la plantillaque escogimos anteriormente por un otra que sea denuestro agrado o po...
En la opción Fondo podremos modificar la gama decolores que tendrá nuestro Blog incluso podremos ponerle una imagen de fon...
En la opción ajustar ancho podremos elegir el tamaño quetendrá nuestro Blog. Si queremos que el blog aparezcacompleto en t...
Siguiendo tenemos la opción de Diseño en la cual   podremos modificar las plantillas que tendrá elcuerpo de nuestro Blog y...
Después personalizaremos en la opción Avanzado la gamade colores y el tipo de letra que tendrá nuestro Blog. Empe-zaremos ...
En la opción Background encontraras la gama de colores   que podrás modificar a tu gusto poniéndole color al  fondo exteri...
En la opción Enlaces podremos cambiar los colores de loslinks (Enlaces) que insertemos en nuestro Blog. Modificardesde el ...
En esta ventana podremos elegir la fuente y el color deltexto que queramos para el Blog. Selecciona los que masguste.
En este apartado podremos cambiar el color de la               descripción del Blog
En la siguiente opción podremos cambiar la apariencia del Texto de la pantalla. Con tan solo buscar una fuente u un       ...
Esta opción tiene como finalidad cambiarle el formato alfondo de las pestañas podre usar una combinación                 A...
En las siguientes opciones podremos cambiar la fuente y           el color de texto del titulo de entrada.
En esta ventana podremos modificar el tipo de fuente,color de texto y color del biselado del titulo de Gatget.
Por ultimo podremos cambiar la apariencia de los acentos,alternando los colores y modificando el color del biselado.
Para finalizar con el proceso daremos clic en la opciónaplicar al Blog para que guarde los cambios que hayamos Realizado y...
En esta pagina podrás encontrar plantillas prediseñadasque podrás descargar y aplicarlas a tu Blog para ponerleotro toque ...
Para comenzar debemos elegir una plantilla que nos guste     y hacer clic en la opción que dice Dowload para              ...
En esta ventanita seleccionaremos la opción Guardar     para que podamos hacer uso de la plantilla,especificaremos la ubic...
El siguiente paso será descomprimir el archivo.
Para poder insertar la plantilla descargada primerodebemos ir a nuestro Blog y seleccionar la opción diseño .
Nos aparecerá la siguiente ventana dondeseleccionaremos la opción de edición HTML y la siguiente     opción a la que darem...
Abierta la siguiente ventana seleccionaremos la ubicacióndel archivo que descomprimimos y damos doble clica la carpeta y d...
Ya abierta la carpeta seleccionaremos el archivo que esteen formato XML es el que nos servirá para insertar la plantilla.E...
Siguiendo seleccionaremos la opción mantener widgtespara finalizar se guardaran los cambios y seleccionaremosVista Previa ...
Listo.. Nuestra plantilla se inserto correctamente así escomo se vera en el Blog.                                    Despu...
Primero que nada accederemos a una pagina de internetY entraremos al buscador de Google y enseguidateclearemos la palabra ...
Abierta nuestra pagina en las pestañitas nos aparecenVarias opciones seleccionaremos la que dice Widgets
En la siguiente ventana daremos clic en la opción Get aFree chat box now. Y a continuación nos aparecerá otraotra ventana ...
Como siguiente paso copiaremos el código que nosAparece en el apartado que dice Embed Code
Ahora regresaremos a la pagina de Blogger y daremosClic en la opción Diseño y nos abrirá otra pagina dondedaremos clic en ...
En la siguiente ventana elegiremos la opción que diceHTML/ Javascript después nos abrirá otra ventana dondepodremos config...
Continuaremos dando clic derecho en el apartado decontenido y seleccionaremos la opción Pegar. EnseguidaInsertara el códig...
Guardados los cambios hacemos clic en la opción verBlog para cerciorarnos que el ejercicio se ha realizadocon éxito.
Al igual que en el Chat, para agregar un Cbox necesitas iral buscador de Google y teclear la palabra Cbox, elegirla primer...
Ya abierta la pagina daremos un clic en la pestaña Sig Uppara registrarnos y poner añadir el Cbox a nuestro Blog.Debemos d...
Una vez creada nuestra cuenta iniciaremos Sesión paracomenzar a agregar el Cbox. El primer paso comienzadándole clic a la ...
En la siguiente pantalla nos muestra el URL de nuestro Blogy el código, ahí no haremos ningún cambio será hasta laparte de...
En esta sección modificaremos el tamaño de ancho de laventana de nuestro Cbox a 300 px y seleccionaremos laOpción Guardar ...
A continuación seleccionaremos otra vez la opciónPublish! A continuación nos aparecerá una ventanacon el link de nuestro B...
En estas ventanas personalizaremos nuestro Cboxcambiándole los colores al terminar daremos clicen la opción Apply para gua...
Después volveremos a seleccionar la opción Publish! Y nosarrojara una ventana donde seleccionaremos y copiaremocon el clic...
Después de copiar el código iremos a nuestro Blog yseleccionaremos la pestaña diseño en ella elegiremosañadir un Gadget.
En la ventana que nos abre después buscaremos laopción HTML/JAVASCRIPT y le daremos clic en la siguienteventana elegiremos...
Después de elegir el titulo en la opción Contenido daremosclic derecho y elegiremos la opción pegar y enseguida nosaparece...
Listo nuestro Cbox quedo agregado a nuestro Blog,Seleccionaremos la opción Guardar y por ultimo Ver Blogpara ver si se han...
Próxima SlideShare
Cargando en…5
×

Tutorial blogger.

711 visualizaciones

Publicado el

En este archivo encontraras el siguiente contenido
* como crear un blog
*Personalizar la apariencia de un Blog
*Añadir el chat a un Blog
*Agregar un Cbox al Blog

Publicado en: Tecnología
0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
711
En SlideShare
0
De insertados
0
Número de insertados
67
Acciones
Compartido
0
Descargas
8
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Tutorial blogger.

  1. 1. Contenido: 1. Crear un blog en Blogger 2. Cómo personalizar la apariencia del blog 3. Agregar chat al blog 4. Agregar un CBOX a nuestro blogRealizado por: Yeni Velázquez Guzmán
  2. 2. Como primer paso debemos de entrar a este enlace: http://www.blogger.com
  3. 3. Para comenzar a crear el blog debemos seleccionar con un clic la opción Comenzar que nos muestra la ventana.
  4. 4. Para poder crear un Blog primeramente debemos crearuna cuenta de google. No hace falta pero convienetenerla si queremos acceder a todas sus herramientas, ypara ello hay que rellenar formulario como el de acontinuación y seleccionar Continuar.
  5. 5. En dado caso que ya se cuente con una cuenta degoogle lo único que se debe hacer es seleccionar laopción iniciar sesión y seguir con los pasos que a con-tinuación se mostraran.
  6. 6. En la siguiente ventana podremos ponerle un nombre anuestro Blog y el URL que tendrá; para confirma que noexiste debemos comprobar si esta disponible sino debemosde buscar otra.
  7. 7. Después de encontrar un URL disponible escribiremos las2 palabras que nos aparece en la ventana para despuésdarle clic en Continuar.
  8. 8. Por último, tendremos que elegir una plantilla, que es el diseñogeneral del blog. Elegiremos la que más nos guste, pero másadelante podremos cambiarla siempre que queramos. Yaelegida la plantilla daremos clic en Continuar.
  9. 9. Listo.. Ya lograste crear tu Blog
  10. 10. Ya creado el Blog podremos personalizarlo dando clicen la opción Personalizar su apariencia.
  11. 11. En la siguiente ventana podremos cambiar la plantillaque escogimos anteriormente por un otra que sea denuestro agrado o podemos dejarla con la que tenia.
  12. 12. En la opción Fondo podremos modificar la gama decolores que tendrá nuestro Blog incluso podremos ponerle una imagen de fondo. Podremos utilizar nuestraimaginación y crear la combinación que mas te guste.
  13. 13. En la opción ajustar ancho podremos elegir el tamaño quetendrá nuestro Blog. Si queremos que el blog aparezcacompleto en toda la pantalla o solamente en una peque-ña parte. Podremos ajustar también el tamaño de la barralateral del Blog.
  14. 14. Siguiendo tenemos la opción de Diseño en la cual podremos modificar las plantillas que tendrá elcuerpo de nuestro Blog y también podremos cambiar el diseño del pie de pagina.
  15. 15. Después personalizaremos en la opción Avanzado la gamade colores y el tipo de letra que tendrá nuestro Blog. Empe-zaremos tipo de letra y color del texto que tendrá el cuerpodel Blog.
  16. 16. En la opción Background encontraras la gama de colores que podrás modificar a tu gusto poniéndole color al fondo exterior y superior y el color de Borde que elijas.
  17. 17. En la opción Enlaces podremos cambiar los colores de loslinks (Enlaces) que insertemos en nuestro Blog. Modificardesde el color del enlace hasta el color que tendrácuando coloque el curso o ratón sobre el.
  18. 18. En esta ventana podremos elegir la fuente y el color deltexto que queramos para el Blog. Selecciona los que masguste.
  19. 19. En este apartado podremos cambiar el color de la descripción del Blog
  20. 20. En la siguiente opción podremos cambiar la apariencia del Texto de la pantalla. Con tan solo buscar una fuente u un Color.
  21. 21. Esta opción tiene como finalidad cambiarle el formato alfondo de las pestañas podre usar una combinación Agradable para tu Blog.
  22. 22. En las siguientes opciones podremos cambiar la fuente y el color de texto del titulo de entrada.
  23. 23. En esta ventana podremos modificar el tipo de fuente,color de texto y color del biselado del titulo de Gatget.
  24. 24. Por ultimo podremos cambiar la apariencia de los acentos,alternando los colores y modificando el color del biselado.
  25. 25. Para finalizar con el proceso daremos clic en la opciónaplicar al Blog para que guarde los cambios que hayamos Realizado y para observar los cambios seleccionaremos Ver blog.
  26. 26. En esta pagina podrás encontrar plantillas prediseñadasque podrás descargar y aplicarlas a tu Blog para ponerleotro toque diferente a la apariencia.
  27. 27. Para comenzar debemos elegir una plantilla que nos guste y hacer clic en la opción que dice Dowload para comenzar a descargarla.
  28. 28. En esta ventanita seleccionaremos la opción Guardar para que podamos hacer uso de la plantilla,especificaremos la ubicación donde la guardaremos y esperaremos a que termine la descarga .
  29. 29. El siguiente paso será descomprimir el archivo.
  30. 30. Para poder insertar la plantilla descargada primerodebemos ir a nuestro Blog y seleccionar la opción diseño .
  31. 31. Nos aparecerá la siguiente ventana dondeseleccionaremos la opción de edición HTML y la siguiente opción a la que daremos clic será a Examinar.
  32. 32. Abierta la siguiente ventana seleccionaremos la ubicacióndel archivo que descomprimimos y damos doble clica la carpeta y después nos abrirá otras dos carpetas de lascuales abriremos la que nos muestre el nombre de laPlantilla que hemos elegido y daremos clic en Abrir.
  33. 33. Ya abierta la carpeta seleccionaremos el archivo que esteen formato XML es el que nos servirá para insertar la plantilla.El siguiente paso será dar en clic la opción Subir yaseleccionado el archivo.
  34. 34. Siguiendo seleccionaremos la opción mantener widgtespara finalizar se guardaran los cambios y seleccionaremosVista Previa para ver como quedo insertada nuestra plantillaen el Blog.
  35. 35. Listo.. Nuestra plantilla se inserto correctamente así escomo se vera en el Blog. Después Antes
  36. 36. Primero que nada accederemos a una pagina de internetY entraremos al buscador de Google y enseguidateclearemos la palabra XAT y seleccionaremos la primeraopción.
  37. 37. Abierta nuestra pagina en las pestañitas nos aparecenVarias opciones seleccionaremos la que dice Widgets
  38. 38. En la siguiente ventana daremos clic en la opción Get aFree chat box now. Y a continuación nos aparecerá otraotra ventana en donde viene varias opciones de fondosPara la ventana del Chat, seleccionaremos la que masnos guste
  39. 39. Como siguiente paso copiaremos el código que nosAparece en el apartado que dice Embed Code
  40. 40. Ahora regresaremos a la pagina de Blogger y daremosClic en la opción Diseño y nos abrirá otra pagina dondedaremos clic en añadir un Gadget
  41. 41. En la siguiente ventana elegiremos la opción que diceHTML/ Javascript después nos abrirá otra ventana dondepodremos configurar el titulo de nuestro Gadget y lepondremos por nombre Chat.
  42. 42. Continuaremos dando clic derecho en el apartado decontenido y seleccionaremos la opción Pegar. EnseguidaInsertara el código que habíamos copiado con Anterioridad y guardaremos los cambios.
  43. 43. Guardados los cambios hacemos clic en la opción verBlog para cerciorarnos que el ejercicio se ha realizadocon éxito.
  44. 44. Al igual que en el Chat, para agregar un Cbox necesitas iral buscador de Google y teclear la palabra Cbox, elegirla primera opción que nos muestra.
  45. 45. Ya abierta la pagina daremos un clic en la pestaña Sig Uppara registrarnos y poner añadir el Cbox a nuestro Blog.Debemos de rellenar el formulario como nos marcaa continuación, aceptamos las condiciones y damos clicCreate my Cbox.
  46. 46. Una vez creada nuestra cuenta iniciaremos Sesión paracomenzar a agregar el Cbox. El primer paso comienzadándole clic a la pestaña Publish.
  47. 47. En la siguiente pantalla nos muestra el URL de nuestro Blogy el código, ahí no haremos ningún cambio será hasta laparte de abajo donde seleccionaremos la opción Fine-tuneits layout
  48. 48. En esta sección modificaremos el tamaño de ancho de laventana de nuestro Cbox a 300 px y seleccionaremos laOpción Guardar o Save.
  49. 49. A continuación seleccionaremos otra vez la opciónPublish! A continuación nos aparecerá una ventanacon el link de nuestro Blog y en la parte de abajo dela ventana daremos clic en la opción Custumise coloursand fonts
  50. 50. En estas ventanas personalizaremos nuestro Cboxcambiándole los colores al terminar daremos clicen la opción Apply para guardar los cambios.
  51. 51. Después volveremos a seleccionar la opción Publish! Y nosarrojara una ventana donde seleccionaremos y copiaremocon el clic derecho todo el código que nos aparece paragenerar nuestro Cbox.
  52. 52. Después de copiar el código iremos a nuestro Blog yseleccionaremos la pestaña diseño en ella elegiremosañadir un Gadget.
  53. 53. En la ventana que nos abre después buscaremos laopción HTML/JAVASCRIPT y le daremos clic en la siguienteventana elegiremos un nombre para nuestro Gadget.
  54. 54. Después de elegir el titulo en la opción Contenido daremosclic derecho y elegiremos la opción pegar y enseguida nosaparecerá el código que copiamos con anterioridad.
  55. 55. Listo nuestro Cbox quedo agregado a nuestro Blog,Seleccionaremos la opción Guardar y por ultimo Ver Blogpara ver si se han efectuados los cambios.

×