RECURSOS HTML PARA BLOG
7 de octubre
de 2010
Ing Yorladis Alzate Gallego
1
1- CONTADOR DE VISITAS PARA BLOGGER
Añadir un c...
RECURSOS HTML PARA BLOG
7 de octubre
de 2010
Ing Yorladis Alzate Gallego
2
2- MAPA DE VISITAS
El mapa nos permitirá conoce...
RECURSOS HTML PARA BLOG
7 de octubre
de 2010
Ing Yorladis Alzate Gallego
3
3- INSERTAR VIDEOS
Puedes insertar videos desde...
RECURSOS HTML PARA BLOG
7 de octubre
de 2010
Ing Yorladis Alzate Gallego
4
4- INSERTAR UNA CAJA DE MENSAJES (SHOUT
BOX) – ...
RECURSOS HTML PARA BLOG
7 de octubre
de 2010
Ing Yorladis Alzate Gallego
5
4- Espera un momento y saldrá una página para c...
RECURSOS HTML PARA BLOG
7 de octubre
de 2010
Ing Yorladis Alzate Gallego
6
8- Ahora vamos a copiar el código de este shout...
RECURSOS HTML PARA BLOG
7 de octubre
de 2010
Ing Yorladis Alzate Gallego
7
5- CONTADOR DE PERSONAS EN LINEA
El contador de...
RECURSOS HTML PARA BLOG
7 de octubre
de 2010
Ing Yorladis Alzate Gallego
8
6- INSERTAR LA HORA EN EL BLOG POR MEDIO
DEL RE...
Upcoming SlideShare
Loading in …5
×

Codigos html para blog

32,305 views
32,233 views

Published on

Published in: Technology
2 Comments
1 Like
Statistics
Notes
No Downloads
Views
Total views
32,305
On SlideShare
0
From Embeds
0
Number of Embeds
23
Actions
Shares
0
Downloads
53
Comments
2
Likes
1
Embeds 0
No embeds

No notes for slide

Codigos html para blog

  1. 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. 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. 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. 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. 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. 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. 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. 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.

×