SlideShare una empresa de Scribd logo
RECURSOS HTML PARA BLOG
7 de octubre
de 2010
Ing Yorladis Alzate Gallego
1
1- CONTADOR DE VISITAS PARA BLOGGER
Añadir un contador de visitas para Blogger es muy sencillo.
1. Ir a la página principal: http://contador-de-visitas.com
2. Elegir el estilo del contador en el desplegable.
2b. Introducir el número de visitas inicial del contador.
3. Introducir la dirección del blog y aceptar.
Ahora nos aparecerá una página con un botón que pone AGREGAR A BLOGGER.
Al hacer clic en este botón vamos a Blogger, donde podemos cambiar el título del
bloque que contendrá el contador de visitas.
Le damos a AÑADIR ARTILUGIO y ya está. Luego podemos cambiar la posición
de nuestro contador a donde queramos.
RECURSOS HTML PARA BLOG
7 de octubre
de 2010
Ing Yorladis Alzate Gallego
2
2- MAPA DE VISITAS
El mapa nos permitirá conocer en tiempo real por medio de un mapa geográfico
desde donde nos visitan nuestros usuarios.
1- Ingresa a la página maps.amung.us
2- Elige un tamaño para el mapa
3- Elige el color de fondo
4- Elige la forma y color de tu marcador
5- El último paso es copiar el código html en un gadget de HTML, ubícalo donde
quieras que aparezca el mapa.
Cuando hayas guardado el código guarda los cambios en el diseño del blog.
Cuando haces doble clic sobre el mapa el programa te lleva a una página donde te
muestran estadísticamente quien ha visitado tu blog.
RECURSOS HTML PARA BLOG
7 de octubre
de 2010
Ing Yorladis Alzate Gallego
3
3- INSERTAR VIDEOS
Puedes insertar videos desde una entrada o un gadget en la opción DISEÑO
PARA INSERTARLO DESDE UNA ENTRADA NUEVA
1- Insertar una entrada nueva
2- Seleccionar la opción EDICION DE HTML
3- Ingresa a uno de los canales para bajar videos (YouTube –
video.google.com.co)
4- Busca el video que quieres insertar
5- Copia el código html que aparece en el botón EMBED En la entrada que
tienes abierta y guarda los cambios.
También puedes insertar los videos insertando un gadget HTML y siguiendo los
mismos pasos.
RECURSOS HTML PARA BLOG
7 de octubre
de 2010
Ing Yorladis Alzate Gallego
4
4- INSERTAR UNA CAJA DE MENSAJES (SHOUT
BOX) – PARA RECIBIR MENSAJES DE TUS
AMIGOS.
1- Ingresar a la página http://www.shoutmix.com/main/
2- Haga clic en el botón CREATE SHOUTBOX
3- Llena los datos del formulario y haz clic en el botón |
Nombre de usuario
Contraseña, mínimo 6
carácteresRepetir contraseña
Ingresa tu nombre
Ingresa tu correo electrónico
Acepta el contrato
RECURSOS HTML PARA BLOG
7 de octubre
de 2010
Ing Yorladis Alzate Gallego
5
4- Espera un momento y saldrá una página para configurar el widget (la caja de
mensajes).
5- Si quieres modificar el color y el estilo, haz
clic sobre la opción Style & Color.
Una vez ingreses en este menú, podrás personalizar
la caja.
En la parte inferior de las configuraciones podrás ver
una vista preliminar.
6- Guarda los cambios de la
configuración.
7- Regresa al menú anterior, así puedes configurar las demás opciones (fecha –
date & time, etiquetas –label, etc…..
RECURSOS HTML PARA BLOG
7 de octubre
de 2010
Ing Yorladis Alzate Gallego
6
8- Ahora vamos a copiar el código de este shoutbox en un de los gadgets del blog:
a. Haz clic en el enlace CUSTOME SIZE para el código html.
PODRAS VER TODO EL CÓDIGO HTML
b- Copia este código en tu blog y listo.
Invita a tus compañeros para que visiten el blog y te dejen comentarios.
RECURSOS HTML PARA BLOG
7 de octubre
de 2010
Ing Yorladis Alzate Gallego
7
5- CONTADOR DE PERSONAS EN LINEA
El contador de personas en línea te informa cuantas personas están conectadas
con tu blog para ello
1- Ingresa a la página: http://www.twospots.com/free-users-online-counter/
2- Llena los datos del formulario y una vez termines haz clic en el botón
SUBMIT
3- En la siguiente página puedes seleccionar un estilo para el contador y copiar
el código html del contador en un gadget para Html en tu blog.
Ingresa la dirección de tu blog.
Ingresa tu correo electrónico
Selecciona una categoría para tu blog
ESTILOS
CODIGO HTML
RECURSOS HTML PARA BLOG
7 de octubre
de 2010
Ing Yorladis Alzate Gallego
8
6- INSERTAR LA HORA EN EL BLOG POR MEDIO
DEL RELOJ
1- Ingresar a la página:
http://www.creatupropiaweb.com/recursos/utilidadess_gratuitas_para_tu_
blog_y_web_relojes_4.htm
2- Selecciona el código html del reloj que te guste, cópialo y pégalo en un
gadget de HTML en la posición que desees.

Más contenido relacionado

ODP
Cómo crear un blog
DOCX
Paulina avila trabajo n° 7
PPTX
Todas las tareas del blog
PPT
Aplicacione para el trabajo del Community Manager
PDF
Como crear una pildora en Etceter.com
PPTX
Creación de blogs
DOCX
Pagina web 2
PDF
Cambiarlacontraseñadelbog
Cómo crear un blog
Paulina avila trabajo n° 7
Todas las tareas del blog
Aplicacione para el trabajo del Community Manager
Como crear una pildora en Etceter.com
Creación de blogs
Pagina web 2
Cambiarlacontraseñadelbog

La actualidad más candente (15)

PPTX
Evaluacion
PPTX
Como crear un blogger
PDF
TTORIAL
PDF
Como agregar en nuestro blog una lista de blogs de amigos
PPTX
Cómo hacer un blog
PPTX
Como hacer un blog
DOCX
Asasfgfg
PPTX
Jose gines y fran
PPT
PDF
B2 configuración
PPSX
Tutorial ayuda para tu blog
PPTX
Como hacer un blog
PPT
S13 Como Configurarun Blogpaso2
PDF
Pasos básicos para iniciar en VISME
PPT
Pasos para crear un blog
Evaluacion
Como crear un blogger
TTORIAL
Como agregar en nuestro blog una lista de blogs de amigos
Cómo hacer un blog
Como hacer un blog
Asasfgfg
Jose gines y fran
B2 configuración
Tutorial ayuda para tu blog
Como hacer un blog
S13 Como Configurarun Blogpaso2
Pasos básicos para iniciar en VISME
Pasos para crear un blog
Publicidad

Similar a Codigos html para_blog (20)

PDF
Examen tutoriales
PPT
Presentación1 clase
ODP
Presentación1 clase
DOCX
INFORME TIC PATRICIA MARTINEZ.
PPTX
Proceso de creación de blog
PDF
Examen de gloria 3
PPTX
Módulo 2 segunda parte
ODT
Guia rápida de blogger
ODT
Guia rápida de blogger
DOCX
Como crear un blog
PPT
Como hacer un blog
PPT
Trabajo de informatica blogger
PPT
Trabajo de informatica blogger
PPT
Trabajo De Informatica Blogger
PPT
Trabajo de informatica blogger
PPT
Mi trabajo de power point
PPTX
Diapositivas ntics
PPTX
Taller de Blog. Jóvenes Scouts
PPT
Como crear un blog
PPT
Trabajo de informática blogger
Examen tutoriales
Presentación1 clase
Presentación1 clase
INFORME TIC PATRICIA MARTINEZ.
Proceso de creación de blog
Examen de gloria 3
Módulo 2 segunda parte
Guia rápida de blogger
Guia rápida de blogger
Como crear un blog
Como hacer un blog
Trabajo de informatica blogger
Trabajo de informatica blogger
Trabajo De Informatica Blogger
Trabajo de informatica blogger
Mi trabajo de power point
Diapositivas ntics
Taller de Blog. Jóvenes Scouts
Como crear un blog
Trabajo de informática blogger
Publicidad

Codigos html para_blog

  • 1. RECURSOS HTML PARA BLOG 7 de octubre de 2010 Ing Yorladis Alzate Gallego 1 1- CONTADOR DE VISITAS PARA BLOGGER Añadir un contador de visitas para Blogger es muy sencillo. 1. Ir a la página principal: http://contador-de-visitas.com 2. Elegir el estilo del contador en el desplegable. 2b. Introducir el número de visitas inicial del contador. 3. Introducir la dirección del blog y aceptar. Ahora nos aparecerá una página con un botón que pone AGREGAR A BLOGGER. Al hacer clic en este botón vamos a Blogger, donde podemos cambiar el título del bloque que contendrá el contador de visitas. Le damos a AÑADIR ARTILUGIO y ya está. Luego podemos cambiar la posición de nuestro contador a donde queramos.
  • 2. RECURSOS HTML PARA BLOG 7 de octubre de 2010 Ing Yorladis Alzate Gallego 2 2- MAPA DE VISITAS El mapa nos permitirá conocer en tiempo real por medio de un mapa geográfico desde donde nos visitan nuestros usuarios. 1- Ingresa a la página maps.amung.us 2- Elige un tamaño para el mapa 3- Elige el color de fondo 4- Elige la forma y color de tu marcador 5- El último paso es copiar el código html en un gadget de HTML, ubícalo donde quieras que aparezca el mapa. Cuando hayas guardado el código guarda los cambios en el diseño del blog. Cuando haces doble clic sobre el mapa el programa te lleva a una página donde te muestran estadísticamente quien ha visitado tu blog.
  • 3. RECURSOS HTML PARA BLOG 7 de octubre de 2010 Ing Yorladis Alzate Gallego 3 3- INSERTAR VIDEOS Puedes insertar videos desde una entrada o un gadget en la opción DISEÑO PARA INSERTARLO DESDE UNA ENTRADA NUEVA 1- Insertar una entrada nueva 2- Seleccionar la opción EDICION DE HTML 3- Ingresa a uno de los canales para bajar videos (YouTube – video.google.com.co) 4- Busca el video que quieres insertar 5- Copia el código html que aparece en el botón EMBED En la entrada que tienes abierta y guarda los cambios. También puedes insertar los videos insertando un gadget HTML y siguiendo los mismos pasos.
  • 4. RECURSOS HTML PARA BLOG 7 de octubre de 2010 Ing Yorladis Alzate Gallego 4 4- INSERTAR UNA CAJA DE MENSAJES (SHOUT BOX) – PARA RECIBIR MENSAJES DE TUS AMIGOS. 1- Ingresar a la página http://www.shoutmix.com/main/ 2- Haga clic en el botón CREATE SHOUTBOX 3- Llena los datos del formulario y haz clic en el botón | Nombre de usuario Contraseña, mínimo 6 carácteresRepetir contraseña Ingresa tu nombre Ingresa tu correo electrónico Acepta el contrato
  • 5. RECURSOS HTML PARA BLOG 7 de octubre de 2010 Ing Yorladis Alzate Gallego 5 4- Espera un momento y saldrá una página para configurar el widget (la caja de mensajes). 5- Si quieres modificar el color y el estilo, haz clic sobre la opción Style & Color. Una vez ingreses en este menú, podrás personalizar la caja. En la parte inferior de las configuraciones podrás ver una vista preliminar. 6- Guarda los cambios de la configuración. 7- Regresa al menú anterior, así puedes configurar las demás opciones (fecha – date & time, etiquetas –label, etc…..
  • 6. RECURSOS HTML PARA BLOG 7 de octubre de 2010 Ing Yorladis Alzate Gallego 6 8- Ahora vamos a copiar el código de este shoutbox en un de los gadgets del blog: a. Haz clic en el enlace CUSTOME SIZE para el código html. PODRAS VER TODO EL CÓDIGO HTML b- Copia este código en tu blog y listo. Invita a tus compañeros para que visiten el blog y te dejen comentarios.
  • 7. RECURSOS HTML PARA BLOG 7 de octubre de 2010 Ing Yorladis Alzate Gallego 7 5- CONTADOR DE PERSONAS EN LINEA El contador de personas en línea te informa cuantas personas están conectadas con tu blog para ello 1- Ingresa a la página: http://www.twospots.com/free-users-online-counter/ 2- Llena los datos del formulario y una vez termines haz clic en el botón SUBMIT 3- En la siguiente página puedes seleccionar un estilo para el contador y copiar el código html del contador en un gadget para Html en tu blog. Ingresa la dirección de tu blog. Ingresa tu correo electrónico Selecciona una categoría para tu blog ESTILOS CODIGO HTML
  • 8. RECURSOS HTML PARA BLOG 7 de octubre de 2010 Ing Yorladis Alzate Gallego 8 6- INSERTAR LA HORA EN EL BLOG POR MEDIO DEL RELOJ 1- Ingresar a la página: http://www.creatupropiaweb.com/recursos/utilidadess_gratuitas_para_tu_ blog_y_web_relojes_4.htm 2- Selecciona el código html del reloj que te guste, cópialo y pégalo en un gadget de HTML en la posición que desees.