1. Clase 6
Tecnología de la Comunicación II
Lics. en Com. Social y Periodismo
FAC. DE CS. HUMANAS. UNSL.
Sitio Web: construcción
en Blogger

2. • Son sitios web que presentan información veraz,
ya sea de actualidad o de interés general.
•Cada medio puede decidir disponer de un
espacio en la red y es así que tanto periódicos,
como revistas, radio y televisión tienen un lugar en
la misma.
•Al tratarse de medios digitales, los periódicos y
revistas cuentan con las siguientes características
(Pavlik):
- Amplitud de modalidades comunicativas
- Hipermedia
- Participación de la audiencia
- A medida
- Contenido dinámico
SITIOS WEB INFORMATIVOS

3. • Los medios producen un fuerte cambio
en los comunicadores y periodistas, y este
influye en:
-… el contenido de las noticias: son fluidas y
admiten diversas modalidades.
- …el modo de trabajar del periodista o
comunicador.
- … la estructura de la redacción y la industria
informativa.
- …las relaciones entre las empresas informativas,
el periodista o comunicador y sus diversos
destinatarios.
SITIOS WEB INFORMATIVOS

4. • Los medios digitales proveen diversidad de
posibilidades a la hora de proporcionar información:
SITIOS WEB INFORMATIVOS
CARACTERÍSTICA ELEMENTOS QUE LOS
SITIOS INFORMATIVOS
PODRIAN CONTENER
Información Institucional - Información institucional
- Arquitectura del medio
- Información para lectores
- Información para
anunciantes, etc.
Hipermedia - Enlaces a otros sitios web,
elementos gráficos,
imágenes, videos, radio,
TV, portales y otros.
Fuente: Luis Albornoz y Jhon Pavlik

5. Fuente: Luis Albornoz y Jhon Pavlik
CARACTERÍSTICA ELEMENTOS QUE LOS SITIOS INFORMATIVOS PODRIAN CONTENER
Amplitud de las
modalidades
comunicativas
“Información Noticia”
* Diario/Revista impreso/a en formato .HTML
* Diario/Revista impreso/a en formato .PDF
* Suplementos
* Recursos audiovisuales y multimedia
* Secciones o Informes Especiales
* Foto galería
* Hemeroteca
*Noticias a nivel local, regional o plurilingüe., etc.
“Información Servicio”
* Directorios
* Publicidad
* Programación de TV y/o radio
* Carteleras de espectáculos
* Otros: traductores, Sorteos, etc.
“Información Ocio”
* Horóscopo, humor, postales, amor, amistad,
criptogramas, etc.
SITIOS WEB INFORMATIVOS

6. Fuente: Luis Albornoz y Jhon Pavlik
CARACTERÍSTICA ELEMENTOS QUE LOS SITIOS INFORMATIVOS
PODRIAN CONTENER
Participación de
la audiencia
- A través del contacto con el diario: correo
electrónico, atención al lector, etc.
- Entrevistas online
- Foros
- Charlas
- Cartas de lectores
- Debates
- Votaciones/ Encuesta
- Consultorios online
- Blogs
- Redes Sociales: Facebook, Twitter, etc.
- Envío de noticias
SITIOS WEB INFORMATIVOS

7. Fuente: Luis Albornoz y Jhon Pavlik
CARACTERÍSTICA ELEMENTOS QUE LOS SITIOS INFORMATIVOS
PODRIAN CONTENER
A medida Personalización de la estética del sitio:
-Opciones de portada
-Página de inicio
-Carpeta personal, etc.
Personalización de contenidos:
-Versión para imprimir
-Edición para discapacitados
-Ampliar o reducir el tamaño de las letras
-Artículos por e-mail
-Tecnología pull
-Contenidos para dispositivos móviles
-RSS
SITIOS WEB INFORMATIVOS

8. Fuente: Luis Albornoz y Jhon Pavlik
CARACTERÍSTICA ELEMENTOS QUE LOS SITIOS
INFORMATIVOS PODRIAN
CONTENER
Contenido dinámico “Información noticia”
-Últimas noticias
-Rankings de noticias
-Coberturas en tiempo real,
etc.
“Información servicio”
-Pronóstico meteorológico
-Transporte
público/carreteras, etc.
SITIOS WEB INFORMATIVOS

9. 1. Propósito, formato y
organización del sitio
2. Etapas de elaboración o
construcción
SITIOS WEB INFORMATIVOS
• Para realizar la construcción de
un sitio web es necesario tener
en cuenta los siguientes
aspectos:

10. 1. PROPÓSITO, FORMATO Y
ORGANIZACIÓN
- Propósito: ¿Qué voy a comunicar? ¿A quién
me voy a dirigir? ¿Con qué periodicidad lo
voy a hacer?
- Formato: ¿Qué elementos se colocarán en el
sitio? ¿Cómo será el alojamiento a utilizar?...
¿gratuito, pago?
- Organización: ¿Cómo será el diseño estético
del sitio? ¿Se utilizará algún lenguaje de
programación para elaborar las páginas
web? (html, php, xml)

11. 2. ETAPAS DE ELABORACIÓN
- Diagramación
- Redacción
- Edición
- Armada
- Publicación

12. DIAGRAMACIÓN
• Apariencia visual del
sitio web y disposición
de los elementos que
lo componen de
forma armónica y
organizada.

13. DIAGRAMACIÓN
• Periódicos

14. DIAGRAMACIÓN
• Revistas

15. DIAGRAMACIÓN
•Presenta la información de acuerdo al patrón de lectura
que sigue el usuario…

16. DIAGRAMACIÓN
ENCABEZADO
PARTE
CENTRAL
•Ejemplo particular de la diagramación de un diario…

17. PARTE
CENTRAL
PIE DE
PAGINA
DIAGRAMACIÓN
•Ejemplo particular de la diagramación de un diario…

18. DIAGRAMACIÓN
•Ejemplo particular de la
diagramación de una
revista
ENCABEZADO
PARTE
CENTRAL
PIE DE
PÁGINA

19. REDACCIÓN
• Etapa en la que se
redacta el texto de
acuerdo a la
estructura de la noticia
en la Web. El uso de
los hipervínculos es
primordial

20. EDICIÓN
• Etapa en la que se
corrigen los textos de
forma sintáctica y
semántica, se
corroboran los datos y
se da uniformidad a la
información.

21. REDACCIÓN/EDICIÓN

22. REDACCIÓN/EDICIÓN
!
!

23. REDACCIÓN/EDICIÓN
!
!

24. !
!
REDACCIÓN/EDICIÓN
!
!

25. ARMADA
• Etapa en la que se elaboran las
páginas del sitio Web estáticas
y/o dinámicas y se agrupan
mediante un software de
programación adecuado.
• Pueden utilizarse software de PC
o en línea (gratuitos o pagos)
para la creación de un sitio
web.

26. PUBLICACIÓN
• Etapa en la que se publica (de forma
gratuita o paga) el sitio web del
periódico y se comunica su dirección
URL para que sea posible su acceso.
- La publicación puede realizarse
mediante un protocolo de transferencia
de archivos: FTP (una vez que se ha
creado todo el sitio web); o bien,
mediante un software que permita
publicar cada página a medida que
esta se construye (Blogger).

27. CREANDO UN SITIO WEB EN BLOGGER
•Algunos conceptos a diferenciar:
-Blogger: servicio o plataforma de Google que permite
crear blogs.
-blog (o bitácora): sitio web periódicamente
actualizado que recopila cronológicamente textos o
artículos. Se compone de entradas y páginas de
contenido.
-bloguero: persona que escribe en un blog.
-blogósfera: comunidades de blogs categorizados
temáticamente o por perfiles de interés.
-post: artículo o entrada que forma parte de las
publicaciones de un blog.
-plantilla (o template): diseño gráfico de dos o más
atributos que componen el blog.

28. CREANDO UN SITIO WEB EN BLOGGER
Noticias
de tapa
de un
blog
creado
en
Blogger
http://periodico-solidaridad.blogspot.com.ar/
páginas
entradas
Visualizando ejemplos

29. CREANDO UN SITIO WEB EN BLOGGER
Noticia completa correspondiente a
una noticia de tapa
http://periodico-solidaridad.blogspot.com.ar/2013/05/el-frente-de-estudiantes-libertarios.html
Visualizando
ejemplos

30. CREANDO UN SITIO WEB EN BLOGGER
http://diariovillarino.blogspot.com.ar/
Noticias
de tapa
de otro
blog
creado
en
Blogger
entradas
Visualizando ejemplos

31. CREANDO UN SITIO WEB EN BLOGGER
Noticias
de tapa
de otro
blog
creado
en
Blogger
Entrada más reciente
Publicado por LA TRASTIENDA DE
BAHÍA en 14:13
En la página principal las entradas o post
más nuevos aparecen en primer lugar,
mientras que los post más viejos
aparecen lugares más debajo…
Visualizando ejemplos

32. CREANDO UN SITIO WEB EN BLOGGER
Noticias
de otro
blog
creado
en
Blogger
Entrada menos reciente
Publicado por LA TRASTIENDA DE
BAHÍA en 13:07
Visualizando ejemplos

33. CREANDO UN SITIO WEB EN BLOGGER
Notas
de tapa
de una
revista
entradas
http://revista-utopia.blogspot.com.ar/
Visualizando ejemplos

34. CREANDO UN SITIO WEB EN BLOGGER
Otro
ejemplo
de tapa
de una
revista
entradas
http://revista-gatos.blogspot.com.ar/
Visualizando
ejemplos

35. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo crear un blog?
PASO 1: CREAR UNA CUENTA EN GMAIL

36. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo crear un
blog?
PASO 1: CREAR
UNA CUENTA EN
GMAIL
(completar los
datos del
formulario)

37. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo crear un
blog?PASO 2: CREAR UNA CUENTA EN BLOGGER
(en este caso es requisito disponer de una cuenta en GMAIL)
Ingresamos a Blogger con los datos de la cuenta en GMAIL…

38. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo crear un blog?
PASO 2: CREAR
UNA CUENTA EN
BLOGGER
(colocamos título
y dirección al blog
que estamos por
crear,
seleccionamos
una plantilla de
diseño y
cliqueamos en el
botón: “Crear
blog”

39. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo crear un blog?
PASO 2: CREAR UNA CUENTA EN BLOGGER
Una vez creado el blog nos aparecerá el siguiente
mensaje, que nos permitirá entre otras operaciones:
comenzar a publicar artículos (“Empezar a
publicar”) dirigirnos a su interfaz general (“Ignorar”)
o visualizar el blog (“Ver blog”).

40. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo crear un blog?
PASO 2: CREAR UNA CUENTA EN BLOGGER
A partir del botón Ver blog, podremos ver la dirección web y el aspecto
que tendrá el mismo…
http://el-informantee.blogspot.com.ar/

41. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo crear un blog?
PASO 2: CREAR UNA CUENTA EN BLOGGER
Desde la interfaz general del blog podemos
acceder a una gran cantidad de
operaciones relacionadas con su manejo.
Acceso a la
interfaz
general del
blog
Creación de
una nueva
entrada
Acceso a la lista
de entradas del
blog
Acceso a un
componente
particular del
blog

42. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 3: TRABAJAR CON UN BLOG EN BLOGGER
Interfaz general de Blogger desde la que podemos realizar
todas las operaciones relacionadas con un blog.

43. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 3: TRABAJAR CON UN BLOG EN BLOGGER
Visión general: muestra estadísticas de acceso y actualizaciones del blog,
junto con noticias relacionadas a los blogs de Blogger.

44. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 3: TRABAJAR CON UN BLOG EN BLOGGER
Entradas: permite agregar artículos o post a la página principal de nuestro
blog

45. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 3: TRABAJAR CON UN BLOG EN BLOGGER
Páginas: permite organizar el contenido de nuestro blog en dos o más
secciones que agrupan o categorizan información.

46. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 3: TRABAJAR CON UN BLOG EN BLOGGER
Comentarios: permite realizar la lectura y moderación de los comentarios
emitidos por los usuarios lectores sobre nuestro blog .

47. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 3: TRABAJAR CON UN BLOG EN BLOGGER
Google +: permite que las operaciones que se realizan en Blogger estén
conectadas con la aplicación Google +. Todo esto con el objeto de llegar
a más lectores .

48. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 3: TRABAJAR CON UN BLOG EN BLOGGER
Ingresos: muestra alternativas de ingresos económicos que podemos
obtener a través de nuestro blog

49. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 3: TRABAJAR CON UN BLOG EN BLOGGER
Plantillas: ofrece distintas formas de organización y colores del contenido de
un blog.

50. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 3: TRABAJAR CON UN BLOG EN BLOGGER
Diseño: ofrece distintas formas de organización de los diferentes
componentes de un blog. Se adapta de acuerdo a la plantilla
seleccionada y puede ser modificado mediante el “Diseñador de plantillas”

51. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 3: TRABAJAR CON UN BLOG EN BLOGGER
Diseñador de plantillas: permite personalizar cada uno de los elementos
que componen el blog.

52. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 3: TRABAJAR CON UN BLOG EN BLOGGER
Diseñador de plantillas (FONDO)

53. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 3: TRABAJAR CON UN BLOG EN BLOGGER
Diseñador de plantillas (AJUSTAR ANCHO)

54. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 3: TRABAJAR CON UN BLOG EN BLOGGER
Diseñador de plantillas (DISEÑO)

55. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 3: TRABAJAR CON UN BLOG EN BLOGGER
Diseñador de plantillas (AVANZADO)
Permite modificar texto de la página, fondo, enlaces, título del blog, descripción del
blog, texto y fondo de las pestañas, cabecera de fecha, entrada, pie de página de la
entrada, gadgets, pie de página, enlaces a pie de página, añadir CSS.

56. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 3: TRABAJAR CON UN BLOG EN BLOGGER
Configuración: “LO BÁSICO”

57. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 3: TRABAJAR CON UN
BLOG EN BLOGGER
Configuración:
“ENTRADAS Y
COMENTARIOS”

58. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 3: TRABAJAR CON UN BLOG EN BLOGGER
Configuración: “MÓVIL Y CORREO ELECTRÓNICO”

59. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
Crear una entrada (agregando título, contenido, enlaces e imágenes)
Agregado de una entrada en MODO REDACTAR
Agregado de una entrada en MODO HTML

60. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO
CONTENIDO A UN BLOG
Visualización del blog
una vez agregadas las
entradas a la página
principal
Nota: El contenido de
las entradas ha sido
tomado del Diario de
la Republica
(http://www.eldiariodel
arepublica.com) y se
utiliza solo con fines
educativos

61. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO
A UN BLOG
El trabajo con las entradas puede ser
personalizado desde el modo Diseño,
editando la caja de entradas del blog.

62. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
Titular y bajada o copete y acceso a nota completa (una forma de
hacerlo)
Para que al cliquear en el título de una entrada nos redireccione a la nota
completa debemos utilizar el comando “Inserta salto de línea”.

63. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
Esto produce el agregado automático de un enlace a “Más información”,
que tiene el mismo efecto del título.

64. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
La frase“Más información” puede ser personalizada desde el menú
DiseñoEntradas del blogEditar

65. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
Agregar un contenido multimedial…
Inserta
imagen

66. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
Agregar un contenido multimedial…
Insertar
un video

67. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
Agregar un contenido multimedial…
Insertar
un audio
(debo
buscar su
código en
lenguaje
html y
copiarlo en
el Modo
HTML de
una
entrada)

68. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
Agregar un contenido multimedial…
Insertar otro
elemento
multimedial
(si se trata de
una
animación u
otro tipo de
archivo
alojado en
una página
web podemos
embeberlo en
el blog
haciendo uso
de comandos
en HTML)
<object type="application/x-shockwave-flash"
data="URLarchivo.swf" width="ancho"
height="alto"> <param name="movie"
value="URLarchivo.swf" /> </object>
<embed src="URL_DE_LA_ANIMACION" quality="high"
pluginspage="http://www.macromedia.com/go/getfla
shplayer" type="application/x-shockwave-flash"
width="350" height="300">
</embed>

69. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
Crear una página
La páginas permiten organizar la información en secciones.

70. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4:
AGREGANDO
CONTENIDO A
UN BLOG
Crear una
página
El orden
cronológico así
también como el
formato de los
títulos, ingreso de
fechas y enlaces,
se establece de
forma manual por
el editor del blog.
Además, las notas
aparecen
completas por lo
que no deberían
ser muy largas.
Ingreso y formato
de fecha
Ingreso y formato
de titular
Ingreso de fecha ,
formatos y enlace
al editor

71. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4:
AGREGANDO
CONTENIDO A
UN BLOG
Para agregar un
enlace
debemos utilizar
la herramienta:
“Enlace”

72. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
Crear una página
Al crear las páginas, el usuario puede decidir opciones de visualización. El
efecto de menú se obtiene seleccionando la opción: “Pestañas
principales” o “Enlaces laterales”

73. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
Cuando visualicemos el blog, este nos mostrará las páginas de acuerdo a
la opción elegida.

74. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
Al ingresar a la página se desplegará su contenido.

75. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
Titular y bajada o copete y acceso a nota completa (otra forma posible)
En primer lugar escribimos el texto que corresponde a la entrada.

76. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
Titular y bajada o copete y acceso a nota completa (otra forma posible)
Posteriormente escribimos en una nueva página el texto que corresponde
a la página completa y agendamos su dirección web.
http://el-informantee.blogspot.com.ar/p/luis-salinas_28.html

77. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
Titular y bajada o copete y acceso a nota completa (otra forma posible)
Configuramos el título de la entrada para que nos redireccione a la dirección web
de la página que contiene la nota completa. Esto se hace configurando primero
desde el menú ConfiguraciónOtros”Activar enlaces al título y enlaces adjuntos”

78. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
Titular y bajada o copete y acceso a nota completa (otra forma posible)
Y luego, en la edición de la entrada, escribiendo la dirección web de la
página que se debe desplegar al cliquear en el título.

79. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
El efecto que se produce es el siguiente:
!!!

80. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
Para solucionar el problema de la página que se visualiza, ingresamos a la
Vista DiseñoPáginasEditar
Allí seleccionamos las páginas que deseamos que se vean en el menú
Destildamos
la pestaña

81. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO
CONTENIDO A UN BLOG
El efecto final es el siguiente:

82. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4:
AGREGANDO
CONTENIDO A UN
BLOG
Agregando
elementos
dinámicos
Para el agregado
de elementos
dinámicos
utilizamos
gadgets o código
en lenguaje de
programación
que nos permita
obtener el efecto
deseado.
Los gadgets son
accesibles desde
la vista Diseño.

83. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4:
AGREGANDO
CONTENIDO A
UN BLOG
Agregando
elementos
dinámicos
Al agregar un
gadget nos
aparecerá la
siguiente
ventana, desde
la que
podremos
agregar
elementos
dinámicos de
Blogger o de
otros sitios web.

84. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
Agregando elementos dinámicos (Botón +1)

85. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
Agregando elementos dinámicos (Traductor)

86. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
Agregando elementos dinámicos (Seguir por email)

87. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
Agregando elementos dinámicos (Entradas populares)

88. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
Agregando elementos dinámicos (Cuadro de búsqueda)

89. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
Agregando elementos dinámicos (Suscribirse a)

90. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
Agregando elementos dinámicos (Encuesta)

91. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
Agregando elementos dinámicos
Además de las aplicaciones que podemos agregar desde “Lo básico” podemos
encontrar más gadgets o añadir otros propios.

92. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
Agregando elementos dinámicos
Por último, es posible agregar gadgets de otros sitios web, tomando el código de
programación de los mismos.
Ejemplo 1: Agregar clima de Meteored (http://www.meteored.com.ar/)

93. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
Agregando elementos dinámicos
Por último, es posible agregar gadgets de otros sitios web, tomando el código de
programación de los mismos.
Ejemplo 1: Agregar clima de Meteored (http://www.meteored.com.ar/)
1) Ingresar a
la opción:
“El
tiempo
gratis en
tu Web o
Blog”

94. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
Agregando elementos dinámicos
Por último, es posible agregar gadgets de otros sitios web, tomando el código de
programación de los mismos. Veamos algunos ejemplos:
Ejemplo 1: Agregar clima de Meteored (http://www.meteored.com.ar/)
2) Configuramos los
parámetros del
clima
propuestos:
Localidad,
Formato,
Contenido y
Estilo.
3) Generamos el
código en
lenguaje HTML

95. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
Agregando elementos dinámicos
Por último, es posible agregar gadgets de otros sitios web, tomando el código de
programación de los mismos.
Ejemplo 1: Agregar clima de Meteored
(http://www.meteored.com.ar/)
4) Pegamos el código anterior dentro
del gadget: “HTML/Java Script

96. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
Agregando elementos dinámicos
El efecto es el siguiente:

97. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
Agregando elementos dinámicos
Ejemplo 2: Agregar chat de Chatango (http://chatango.com/)
1) Colocamos el
nombre del
grupo del chat,
su dirección web
y una
descripción
2) Elegimos una
combinación de
colores para el
chat y
cliqueamos en
Continue

98. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
Agregando elementos dinámicos
Ejemplo 2: Agregar chat de Chatango (http://chatango.com/)
3) Nos registramos en
el sitio para poder
tener acceso al
código html que
nos permita
insertar el chat en
el blog

99. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
Agregando elementos dinámicos
Ejemplo 2: Agregar chat de Chatango (http://chatango.com/)
4) Obtenemos el
código html para
insertarlo a
través de un
gadget
HTML/Script

100. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
Agregando elementos dinámicos
El efecto es el siguiente:

101. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
Agregando elementos dinámicos
Ejemplo 3: Agregar fecha de Java Script Kit
(http://www.javascriptkit.com/script/cutindex1.shtml)
1) Selecciono alguno de los formatos de reloj sugeridos por el sitio y obtengo su
código html

102. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
Agregando elementos dinámicos
Ejemplo 3: Agregar fecha de Java Script Kit
(http://www.javascriptkit.com/script/cutindex1.shtml)
2) Pego el código Java Script del reloj en uno de los gadgets del blog

103. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
Agregando elementos dinámicos
Ejemplo 3: Agregar fecha de Java Script Kit
(http://www.javascriptkit.com/script/cutindex1.shtml)
3) Si conozco de programación puedo alterar el código obtenido.

104. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
Agregando elementos dinámicos
Ejemplo 3: Agregar fecha de Java Script Kit
(http://www.javascriptkit.com/script/cutindex1.shtml)
El efecto es el siguiente:

105. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
Agregando elementos dinámicos
Ejemplo 4: Agregar juegos de Game 68
http://es.games68.com/games-for-website-list.php
1) Selecciono alguno de los juegos sugeridos por el sitio y copio su código html

106. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
Agregando elementos dinámicos
Ejemplo 4: Agregar juegos de Game 68
(http://www.javascriptkit.com/script/cutindex1.shtml)
2) Pego el código Java Script del juego por ej. en una de las entradas o páginas
del blog. Para esto debo escribir una palabra clave que sirva como marca, por
ej.: “Juegos” y dirigirme al modo de edición: “HTML”

107. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
Agregando elementos dinámicos
Ejemplo 4: Agregar juegos de Game 68
(http://www.javascriptkit.com/script/cutindex1.shtml)
3) Modifico código de programación del juego; por ej. parámetros de ancho
(widht) y largo del la ventana donde se despliega (height) y también adapto
desde el Diseño de la plantilla el ancho que corresponde al cuerpo de las
entradas.

108. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
Agregando elementos dinámicos
3) Modifico código de programación del juego; por ej. parámetros de ancho
(widht) y largo del la ventana donde se despliega (height)…

109. CREANDO UN SITIO WEB EN BLOGGER
¿Cómo trabajar con un blog?
PASO 4: AGREGANDO CONTENIDO A UN BLOG
Agregando elementos dinámicos
3) Adapto también desde el Diseño de la plantilla el ancho que corresponde al
cuerpo de las entradas.