SlideShare une entreprise Scribd logo
1  sur  55
Télécharger pour lire hors ligne
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 blog




Realizado por:
           Yeni Velázquez Guzmán
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
                       ventana.
Para poder crear un Blog primeramente debemos crear
una cuenta de google. No hace falta pero conviene
tenerla si queremos acceder a todas sus herramientas, y
para ello hay que rellenar formulario como el de a
continuación y seleccionar Continuar.
En dado caso que ya se cuente con una cuenta de
google lo único que se debe hacer es seleccionar la
opción iniciar sesión y seguir con los pasos que a con-
tinuación se mostraran.
En la siguiente ventana podremos ponerle un nombre a
nuestro Blog y el URL que tendrá; para confirma que no
existe debemos comprobar si esta disponible sino debemos
de buscar otra.
Después de encontrar un URL disponible escribiremos las
2 palabras que nos aparece en la ventana para después
darle clic en Continuar.
Por último, tendremos que elegir una plantilla, que es el diseño
general del blog. Elegiremos la que más nos guste, pero más
adelante podremos cambiarla siempre que queramos. Ya
elegida la plantilla daremos clic en Continuar.
Listo.. Ya lograste crear tu Blog
Ya creado el Blog podremos personalizarlo dando clic
en la opción Personalizar su apariencia.
En la siguiente ventana podremos cambiar la plantilla
que escogimos anteriormente por un otra que sea de
nuestro agrado o podemos dejarla con la que tenia.
En la opción Fondo podremos modificar la gama de
colores que tendrá nuestro Blog incluso podremos
 ponerle una imagen de fondo. Podremos utilizar nuestra
imaginación y crear la combinación que mas te guste.
En la opción ajustar ancho podremos elegir el tamaño que
tendrá nuestro Blog. Si queremos que el blog aparezca
completo en toda la pantalla o solamente en una peque-
ña parte. Podremos ajustar también el tamaño de la barra
lateral del Blog.
Siguiendo tenemos la opción de Diseño en la cual
   podremos modificar las plantillas que tendrá el
cuerpo de nuestro Blog y también podremos cambiar
            el diseño del pie de pagina.
Después personalizaremos en la opción Avanzado la gama
de colores y el tipo de letra que tendrá nuestro Blog. Empe-
zaremos tipo de letra y color del texto que tendrá el cuerpo
del Blog.
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.
En la opción Enlaces podremos cambiar los colores de los
links (Enlaces) que insertemos en nuestro Blog. Modificar
desde el color del enlace hasta el color que tendrá
cuando coloque el curso o ratón sobre el.
En esta ventana podremos elegir la fuente y el color del
texto que queramos para el Blog. Selecciona los que mas
guste.
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
                           Color.
Esta opción tiene como finalidad cambiarle el formato al
fondo de las pestañas podre usar una combinación
                 Agradable para tu Blog.
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ón
aplicar al Blog para que guarde los cambios que hayamos
 Realizado y para observar los cambios seleccionaremos
                          Ver blog.
En esta pagina podrás encontrar plantillas prediseñadas
que podrás descargar y aplicarlas a tu Blog para ponerle
otro toque diferente a la apariencia.
Para comenzar debemos elegir una plantilla que nos guste
     y hacer clic en la opción que dice Dowload para
                  comenzar a descargarla.
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 .
El siguiente paso será descomprimir el archivo.
Para poder insertar la plantilla descargada primero
debemos ir a nuestro Blog y seleccionar la opción diseño .
Nos aparecerá la siguiente ventana donde
seleccionaremos la opción de edición HTML y la siguiente
     opción a la que daremos clic será a Examinar.
Abierta la siguiente ventana seleccionaremos la ubicación
del archivo que descomprimimos y damos doble clic
a la carpeta y después nos abrirá otras dos carpetas de las
cuales abriremos la que nos muestre el nombre de la
Plantilla que hemos elegido y daremos clic en Abrir.
Ya abierta la carpeta seleccionaremos el archivo que este
en formato XML es el que nos servirá para insertar la plantilla.
El siguiente paso será dar en clic la opción Subir ya
seleccionado el archivo.
Siguiendo seleccionaremos la opción mantener widgtes
para finalizar se guardaran los cambios y seleccionaremos
Vista Previa para ver como quedo insertada nuestra plantilla
en el Blog.
Listo.. Nuestra plantilla se inserto correctamente así es
como se vera en el Blog.




                                    Después
     Antes
Primero que nada accederemos a una pagina de internet
Y entraremos al buscador de Google y enseguida
teclearemos la palabra XAT y seleccionaremos la primera
opción.
Abierta nuestra pagina en las pestañitas nos aparecen
Varias opciones seleccionaremos la que dice Widgets
En la siguiente ventana daremos clic en la opción Get a
Free chat box now. Y a continuación nos aparecerá otra
otra ventana en donde viene varias opciones de fondos
Para la ventana del Chat, seleccionaremos la que mas
nos guste
Como siguiente paso copiaremos el código que nos
Aparece en el apartado que dice Embed Code
Ahora regresaremos a la pagina de Blogger y daremos
Clic en la opción Diseño y nos abrirá otra pagina donde
daremos clic en añadir un Gadget
En la siguiente ventana elegiremos la opción que dice
HTML/ Javascript después nos abrirá otra ventana donde
podremos configurar el titulo de nuestro Gadget y le
pondremos por nombre Chat.
Continuaremos dando clic derecho en el apartado de
contenido y seleccionaremos la opción Pegar. Enseguida
Insertara el código que habíamos copiado con
         Anterioridad y guardaremos los cambios.
Guardados los cambios hacemos clic en la opción ver
Blog para cerciorarnos que el ejercicio se ha realizado
con éxito.
Al igual que en el Chat, para agregar un Cbox necesitas ir
al buscador de Google y teclear la palabra Cbox, elegir
la primera opción que nos muestra.
Ya abierta la pagina daremos un clic en la pestaña Sig Up
para registrarnos y poner añadir el Cbox a nuestro Blog.
Debemos de rellenar el formulario como nos marca
a continuación, aceptamos las condiciones y damos clic
Create my Cbox.
Una vez creada nuestra cuenta iniciaremos Sesión para
comenzar a agregar el Cbox. El primer paso comienza
dándole clic a la pestaña Publish.
En la siguiente pantalla nos muestra el URL de nuestro Blog
y el código, ahí no haremos ningún cambio será hasta la
parte de abajo donde seleccionaremos la opción Fine-tune
its layout
En esta sección modificaremos el tamaño de ancho de la
ventana de nuestro Cbox a 300 px y seleccionaremos la
Opción Guardar o Save.
A continuación seleccionaremos otra vez la opción
Publish! A continuación nos aparecerá una ventana
con el link de nuestro Blog y en la parte de abajo de
la ventana daremos clic en la opción Custumise colours
and fonts
En estas ventanas personalizaremos nuestro Cbox
cambiándole los colores al terminar daremos clic
en la opción Apply para guardar los cambios.
Después volveremos a seleccionar la opción Publish! Y nos
arrojara una ventana donde seleccionaremos y copiaremo
con el clic derecho todo el código que nos aparece para
generar nuestro Cbox.
Después de copiar el código iremos a nuestro Blog y
seleccionaremos la pestaña diseño en ella elegiremos
añadir un Gadget.
En la ventana que nos abre después buscaremos la
opción HTML/JAVASCRIPT y le daremos clic en la siguiente
ventana elegiremos un nombre para nuestro Gadget.
Después de elegir el titulo en la opción Contenido daremos
clic derecho y elegiremos la opción pegar y enseguida nos
aparecerá el código que copiamos con anterioridad.
Listo nuestro Cbox quedo agregado a nuestro Blog,
Seleccionaremos la opción Guardar y por ultimo Ver Blog
para ver si se han efectuados los cambios.

Contenu connexe

Tendances

Tendances (16)

Blogger
BloggerBlogger
Blogger
 
Manual para hacer un blog compu
Manual para hacer un blog compuManual para hacer un blog compu
Manual para hacer un blog compu
 
Creacion de un Blog
Creacion de un BlogCreacion de un Blog
Creacion de un Blog
 
Tutorial
TutorialTutorial
Tutorial
 
Manual del-blogs
Manual del-blogsManual del-blogs
Manual del-blogs
 
Crear un blog con blogger
Crear un blog con bloggerCrear un blog con blogger
Crear un blog con blogger
 
Tutorial
TutorialTutorial
Tutorial
 
Como crear un blog FINAL
Como crear un blog FINALComo crear un blog FINAL
Como crear un blog FINAL
 
Blogger pilar y carmen
Blogger pilar y carmenBlogger pilar y carmen
Blogger pilar y carmen
 
Creacion blog DBL
Creacion blog DBLCreacion blog DBL
Creacion blog DBL
 
Vamos A Crear Un Blog Con Blogspot
Vamos A Crear Un Blog Con BlogspotVamos A Crear Un Blog Con Blogspot
Vamos A Crear Un Blog Con Blogspot
 
Como crear un blog
Como crear un blogComo crear un blog
Como crear un blog
 
Blog
BlogBlog
Blog
 
Massss informatica
Massss informaticaMassss informatica
Massss informatica
 
Blogger
BloggerBlogger
Blogger
 
Blogger 100213095421-phpapp01
Blogger 100213095421-phpapp01Blogger 100213095421-phpapp01
Blogger 100213095421-phpapp01
 

En vedette

TOOLS and SOLUTIONS, Steny Solitude, Perfect Memory
TOOLS and SOLUTIONS, Steny Solitude, Perfect MemoryTOOLS and SOLUTIONS, Steny Solitude, Perfect Memory
TOOLS and SOLUTIONS, Steny Solitude, Perfect MemoryFIAT/IFTA
 
Vícios redibitórios davi
Vícios redibitórios   daviVícios redibitórios   davi
Vícios redibitórios daviDaniel_Hiram
 
Global medialiteracy pt 1
Global medialiteracy pt 1Global medialiteracy pt 1
Global medialiteracy pt 1Melda Yildiz
 
Entre a Guerra e o Muro - Coletânea Bilingue Comentada Sobre Alguns Poetas da...
Entre a Guerra e o Muro - Coletânea Bilingue Comentada Sobre Alguns Poetas da...Entre a Guerra e o Muro - Coletânea Bilingue Comentada Sobre Alguns Poetas da...
Entre a Guerra e o Muro - Coletânea Bilingue Comentada Sobre Alguns Poetas da...Fabricio Rocha
 

En vedette (8)

TOOLS and SOLUTIONS, Steny Solitude, Perfect Memory
TOOLS and SOLUTIONS, Steny Solitude, Perfect MemoryTOOLS and SOLUTIONS, Steny Solitude, Perfect Memory
TOOLS and SOLUTIONS, Steny Solitude, Perfect Memory
 
Diego paucar
Diego paucarDiego paucar
Diego paucar
 
Vícios redibitórios davi
Vícios redibitórios   daviVícios redibitórios   davi
Vícios redibitórios davi
 
Tipo de e comerce b2 c
Tipo de e comerce b2 cTipo de e comerce b2 c
Tipo de e comerce b2 c
 
Strategic Management Overview
Strategic Management OverviewStrategic Management Overview
Strategic Management Overview
 
70
7070
70
 
Global medialiteracy pt 1
Global medialiteracy pt 1Global medialiteracy pt 1
Global medialiteracy pt 1
 
Entre a Guerra e o Muro - Coletânea Bilingue Comentada Sobre Alguns Poetas da...
Entre a Guerra e o Muro - Coletânea Bilingue Comentada Sobre Alguns Poetas da...Entre a Guerra e o Muro - Coletânea Bilingue Comentada Sobre Alguns Poetas da...
Entre a Guerra e o Muro - Coletânea Bilingue Comentada Sobre Alguns Poetas da...
 

Similaire à Tutorial blogger.

Similaire à Tutorial blogger. (20)

Cómo crear un Blog (..)
Cómo crear un Blog (..)Cómo crear un Blog (..)
Cómo crear un Blog (..)
 
Creacion de un Blog
Creacion de un BlogCreacion de un Blog
Creacion de un Blog
 
Como crear un blogger y como insertar plantilla
Como crear un blogger y como insertar plantillaComo crear un blogger y como insertar plantilla
Como crear un blogger y como insertar plantilla
 
Mirella informatica
Mirella informaticaMirella informatica
Mirella informatica
 
Mirella Guingla
Mirella GuinglaMirella Guingla
Mirella Guingla
 
Mirella informatica
Mirella informaticaMirella informatica
Mirella informatica
 
Tutorial de blogger
Tutorial de bloggerTutorial de blogger
Tutorial de blogger
 
Creación de un blog
Creación de un blogCreación de un blog
Creación de un blog
 
Presentacion como crear un blog
Presentacion como crear un blogPresentacion como crear un blog
Presentacion como crear un blog
 
Como Crear Un Blog
Como Crear Un BlogComo Crear Un Blog
Como Crear Un Blog
 
1. guia blogger
1. guia blogger1. guia blogger
1. guia blogger
 
Creación de blog
Creación de blogCreación de blog
Creación de blog
 
Blogger
BloggerBlogger
Blogger
 
Sesión 1 myriam oliva díaz palacios 3ºb
Sesión 1 myriam oliva díaz palacios 3ºbSesión 1 myriam oliva díaz palacios 3ºb
Sesión 1 myriam oliva díaz palacios 3ºb
 
Sesión 1 práctica 2
Sesión 1 práctica 2Sesión 1 práctica 2
Sesión 1 práctica 2
 
06 creacion de un blog con blogger
06 creacion de un blog con blogger06 creacion de un blog con blogger
06 creacion de un blog con blogger
 
Blogspot
BlogspotBlogspot
Blogspot
 
Blogss sergio
Blogss sergioBlogss sergio
Blogss sergio
 
Como crear un blog
Como crear un blogComo crear un blog
Como crear un blog
 
14 informe tics
14  informe  tics14  informe  tics
14 informe tics
 

Dernier

Herramientas que posibilitan la información y la investigación.pdf
Herramientas que posibilitan la información y la investigación.pdfHerramientas que posibilitan la información y la investigación.pdf
Herramientas que posibilitan la información y la investigación.pdfKarinaCambero3
 
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docxTALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docxobandopaula444
 
Slideshare y Scribd - Noli Cubillan Gerencia
Slideshare y Scribd - Noli Cubillan GerenciaSlideshare y Scribd - Noli Cubillan Gerencia
Slideshare y Scribd - Noli Cubillan Gerenciacubillannoly
 
PLANEACION DE CLASES TEMA TIPOS DE FAMILIA.docx
PLANEACION DE CLASES TEMA TIPOS DE FAMILIA.docxPLANEACION DE CLASES TEMA TIPOS DE FAMILIA.docx
PLANEACION DE CLASES TEMA TIPOS DE FAMILIA.docxhasbleidit
 
Análisis de los artefactos (nintendo NES)
Análisis de los artefactos (nintendo NES)Análisis de los artefactos (nintendo NES)
Análisis de los artefactos (nintendo NES)JuanStevenTrujilloCh
 
ORIENTACIONES DE INFORMÁTICA-2024.pdf-guia
ORIENTACIONES DE INFORMÁTICA-2024.pdf-guiaORIENTACIONES DE INFORMÁTICA-2024.pdf-guia
ORIENTACIONES DE INFORMÁTICA-2024.pdf-guiaYeimys Ch
 
Documentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos JuridicosDocumentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos JuridicosAlbanyMartinez7
 
CommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 TestcontainersCommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 TestcontainersIván López Martín
 
Viguetas Pretensadas en concreto armado
Viguetas Pretensadas  en concreto armadoViguetas Pretensadas  en concreto armado
Viguetas Pretensadas en concreto armadob7fwtwtfxf
 
La Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdfLa Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdfjeondanny1997
 
Guía de Registro slideshare paso a paso 1
Guía de Registro slideshare paso a paso 1Guía de Registro slideshare paso a paso 1
Guía de Registro slideshare paso a paso 1ivanapaterninar
 
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptxHugoGutierrez99
 
Trabajando con Formasy Smart art en power Point
Trabajando con Formasy Smart art en power PointTrabajando con Formasy Smart art en power Point
Trabajando con Formasy Smart art en power PointValerioIvanDePazLoja
 
Trabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdfTrabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdfedepmariaperez
 
David_Gallegos - tarea de la sesión 11.pptx
David_Gallegos - tarea de la sesión 11.pptxDavid_Gallegos - tarea de la sesión 11.pptx
David_Gallegos - tarea de la sesión 11.pptxDAVIDROBERTOGALLEGOS
 
Actividades de computación para alumnos de preescolar
Actividades de computación para alumnos de preescolarActividades de computación para alumnos de preescolar
Actividades de computación para alumnos de preescolar24roberto21
 
Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024
Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024
Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024u20211198540
 
La electricidad y la electronica.10-7.pdf
La electricidad y la electronica.10-7.pdfLa electricidad y la electronica.10-7.pdf
La electricidad y la electronica.10-7.pdfcristianrb0324
 
_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf
_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf
_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdfBetianaJuarez1
 

Dernier (20)

Herramientas que posibilitan la información y la investigación.pdf
Herramientas que posibilitan la información y la investigación.pdfHerramientas que posibilitan la información y la investigación.pdf
Herramientas que posibilitan la información y la investigación.pdf
 
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docxTALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docx
 
Slideshare y Scribd - Noli Cubillan Gerencia
Slideshare y Scribd - Noli Cubillan GerenciaSlideshare y Scribd - Noli Cubillan Gerencia
Slideshare y Scribd - Noli Cubillan Gerencia
 
PLANEACION DE CLASES TEMA TIPOS DE FAMILIA.docx
PLANEACION DE CLASES TEMA TIPOS DE FAMILIA.docxPLANEACION DE CLASES TEMA TIPOS DE FAMILIA.docx
PLANEACION DE CLASES TEMA TIPOS DE FAMILIA.docx
 
Análisis de los artefactos (nintendo NES)
Análisis de los artefactos (nintendo NES)Análisis de los artefactos (nintendo NES)
Análisis de los artefactos (nintendo NES)
 
ORIENTACIONES DE INFORMÁTICA-2024.pdf-guia
ORIENTACIONES DE INFORMÁTICA-2024.pdf-guiaORIENTACIONES DE INFORMÁTICA-2024.pdf-guia
ORIENTACIONES DE INFORMÁTICA-2024.pdf-guia
 
Documentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos JuridicosDocumentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos Juridicos
 
CommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 TestcontainersCommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 Testcontainers
 
Viguetas Pretensadas en concreto armado
Viguetas Pretensadas  en concreto armadoViguetas Pretensadas  en concreto armado
Viguetas Pretensadas en concreto armado
 
La Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdfLa Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdf
 
Guía de Registro slideshare paso a paso 1
Guía de Registro slideshare paso a paso 1Guía de Registro slideshare paso a paso 1
Guía de Registro slideshare paso a paso 1
 
El camino a convertirse en Microsoft MVP
El camino a convertirse en Microsoft MVPEl camino a convertirse en Microsoft MVP
El camino a convertirse en Microsoft MVP
 
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
 
Trabajando con Formasy Smart art en power Point
Trabajando con Formasy Smart art en power PointTrabajando con Formasy Smart art en power Point
Trabajando con Formasy Smart art en power Point
 
Trabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdfTrabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdf
 
David_Gallegos - tarea de la sesión 11.pptx
David_Gallegos - tarea de la sesión 11.pptxDavid_Gallegos - tarea de la sesión 11.pptx
David_Gallegos - tarea de la sesión 11.pptx
 
Actividades de computación para alumnos de preescolar
Actividades de computación para alumnos de preescolarActividades de computación para alumnos de preescolar
Actividades de computación para alumnos de preescolar
 
Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024
Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024
Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024
 
La electricidad y la electronica.10-7.pdf
La electricidad y la electronica.10-7.pdfLa electricidad y la electronica.10-7.pdf
La electricidad y la electronica.10-7.pdf
 
_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf
_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf
_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf
 

Tutorial blogger.

  • 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 blog Realizado por: Yeni Velázquez Guzmán
  • 2. Como primer paso debemos de entrar a este enlace: http://www.blogger.com
  • 3. Para comenzar a crear el blog debemos seleccionar con un clic la opción Comenzar que nos muestra la ventana.
  • 4. Para poder crear un Blog primeramente debemos crear una cuenta de google. No hace falta pero conviene tenerla si queremos acceder a todas sus herramientas, y para ello hay que rellenar formulario como el de a continuación y seleccionar Continuar.
  • 5. En dado caso que ya se cuente con una cuenta de google lo único que se debe hacer es seleccionar la opción iniciar sesión y seguir con los pasos que a con- tinuación se mostraran.
  • 6. En la siguiente ventana podremos ponerle un nombre a nuestro Blog y el URL que tendrá; para confirma que no existe debemos comprobar si esta disponible sino debemos de buscar otra.
  • 7. Después de encontrar un URL disponible escribiremos las 2 palabras que nos aparece en la ventana para después darle clic en Continuar.
  • 8. Por último, tendremos que elegir una plantilla, que es el diseño general del blog. Elegiremos la que más nos guste, pero más adelante podremos cambiarla siempre que queramos. Ya elegida la plantilla daremos clic en Continuar.
  • 9. Listo.. Ya lograste crear tu Blog
  • 10. Ya creado el Blog podremos personalizarlo dando clic en la opción Personalizar su apariencia.
  • 11. En la siguiente ventana podremos cambiar la plantilla que escogimos anteriormente por un otra que sea de nuestro agrado o podemos dejarla con la que tenia.
  • 12. En la opción Fondo podremos modificar la gama de colores que tendrá nuestro Blog incluso podremos ponerle una imagen de fondo. Podremos utilizar nuestra imaginación y crear la combinación que mas te guste.
  • 13. En la opción ajustar ancho podremos elegir el tamaño que tendrá nuestro Blog. Si queremos que el blog aparezca completo en toda la pantalla o solamente en una peque- ña parte. Podremos ajustar también el tamaño de la barra lateral del Blog.
  • 14. Siguiendo tenemos la opción de Diseño en la cual podremos modificar las plantillas que tendrá el cuerpo de nuestro Blog y también podremos cambiar el diseño del pie de pagina.
  • 15. Después personalizaremos en la opción Avanzado la gama de colores y el tipo de letra que tendrá nuestro Blog. Empe- zaremos tipo de letra y color del texto que tendrá el cuerpo del Blog.
  • 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. En la opción Enlaces podremos cambiar los colores de los links (Enlaces) que insertemos en nuestro Blog. Modificar desde el color del enlace hasta el color que tendrá cuando coloque el curso o ratón sobre el.
  • 18. En esta ventana podremos elegir la fuente y el color del texto que queramos para el Blog. Selecciona los que mas guste.
  • 19. En este apartado podremos cambiar el color de la descripción del Blog
  • 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. Esta opción tiene como finalidad cambiarle el formato al fondo de las pestañas podre usar una combinación Agradable para tu Blog.
  • 22. En las siguientes opciones podremos cambiar la fuente y el color de texto del titulo de entrada.
  • 23. En esta ventana podremos modificar el tipo de fuente, color de texto y color del biselado del titulo de Gatget.
  • 24. Por ultimo podremos cambiar la apariencia de los acentos, alternando los colores y modificando el color del biselado.
  • 25. Para finalizar con el proceso daremos clic en la opción aplicar al Blog para que guarde los cambios que hayamos Realizado y para observar los cambios seleccionaremos Ver blog.
  • 26. En esta pagina podrás encontrar plantillas prediseñadas que podrás descargar y aplicarlas a tu Blog para ponerle otro toque diferente a la apariencia.
  • 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. 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. El siguiente paso será descomprimir el archivo.
  • 30. Para poder insertar la plantilla descargada primero debemos ir a nuestro Blog y seleccionar la opción diseño .
  • 31. Nos aparecerá la siguiente ventana donde seleccionaremos la opción de edición HTML y la siguiente opción a la que daremos clic será a Examinar.
  • 32. Abierta la siguiente ventana seleccionaremos la ubicación del archivo que descomprimimos y damos doble clic a la carpeta y después nos abrirá otras dos carpetas de las cuales abriremos la que nos muestre el nombre de la Plantilla que hemos elegido y daremos clic en Abrir.
  • 33. Ya abierta la carpeta seleccionaremos el archivo que este en formato XML es el que nos servirá para insertar la plantilla. El siguiente paso será dar en clic la opción Subir ya seleccionado el archivo.
  • 34. Siguiendo seleccionaremos la opción mantener widgtes para finalizar se guardaran los cambios y seleccionaremos Vista Previa para ver como quedo insertada nuestra plantilla en el Blog.
  • 35. Listo.. Nuestra plantilla se inserto correctamente así es como se vera en el Blog. Después Antes
  • 36. Primero que nada accederemos a una pagina de internet Y entraremos al buscador de Google y enseguida teclearemos la palabra XAT y seleccionaremos la primera opción.
  • 37. Abierta nuestra pagina en las pestañitas nos aparecen Varias opciones seleccionaremos la que dice Widgets
  • 38. En la siguiente ventana daremos clic en la opción Get a Free chat box now. Y a continuación nos aparecerá otra otra ventana en donde viene varias opciones de fondos Para la ventana del Chat, seleccionaremos la que mas nos guste
  • 39. Como siguiente paso copiaremos el código que nos Aparece en el apartado que dice Embed Code
  • 40. Ahora regresaremos a la pagina de Blogger y daremos Clic en la opción Diseño y nos abrirá otra pagina donde daremos clic en añadir un Gadget
  • 41. En la siguiente ventana elegiremos la opción que dice HTML/ Javascript después nos abrirá otra ventana donde podremos configurar el titulo de nuestro Gadget y le pondremos por nombre Chat.
  • 42. Continuaremos dando clic derecho en el apartado de contenido y seleccionaremos la opción Pegar. Enseguida Insertara el código que habíamos copiado con Anterioridad y guardaremos los cambios.
  • 43. Guardados los cambios hacemos clic en la opción ver Blog para cerciorarnos que el ejercicio se ha realizado con éxito.
  • 44. Al igual que en el Chat, para agregar un Cbox necesitas ir al buscador de Google y teclear la palabra Cbox, elegir la primera opción que nos muestra.
  • 45. Ya abierta la pagina daremos un clic en la pestaña Sig Up para registrarnos y poner añadir el Cbox a nuestro Blog. Debemos de rellenar el formulario como nos marca a continuación, aceptamos las condiciones y damos clic Create my Cbox.
  • 46. Una vez creada nuestra cuenta iniciaremos Sesión para comenzar a agregar el Cbox. El primer paso comienza dándole clic a la pestaña Publish.
  • 47. En la siguiente pantalla nos muestra el URL de nuestro Blog y el código, ahí no haremos ningún cambio será hasta la parte de abajo donde seleccionaremos la opción Fine-tune its layout
  • 48. En esta sección modificaremos el tamaño de ancho de la ventana de nuestro Cbox a 300 px y seleccionaremos la Opción Guardar o Save.
  • 49. A continuación seleccionaremos otra vez la opción Publish! A continuación nos aparecerá una ventana con el link de nuestro Blog y en la parte de abajo de la ventana daremos clic en la opción Custumise colours and fonts
  • 50. En estas ventanas personalizaremos nuestro Cbox cambiándole los colores al terminar daremos clic en la opción Apply para guardar los cambios.
  • 51. Después volveremos a seleccionar la opción Publish! Y nos arrojara una ventana donde seleccionaremos y copiaremo con el clic derecho todo el código que nos aparece para generar nuestro Cbox.
  • 52. Después de copiar el código iremos a nuestro Blog y seleccionaremos la pestaña diseño en ella elegiremos añadir un Gadget.
  • 53. En la ventana que nos abre después buscaremos la opción HTML/JAVASCRIPT y le daremos clic en la siguiente ventana elegiremos un nombre para nuestro Gadget.
  • 54. Después de elegir el titulo en la opción Contenido daremos clic derecho y elegiremos la opción pegar y enseguida nos aparecerá el código que copiamos con anterioridad.
  • 55. Listo nuestro Cbox quedo agregado a nuestro Blog, Seleccionaremos la opción Guardar y por ultimo Ver Blog para ver si se han efectuados los cambios.