DE BLOGS

PARA CREACIN

INSTRUCTIVO

Introduccin

Los blogs son un recurso de comunicacin para usarse en caso de que sea indispensable contar con un medio informativo autnomo y complementario a los establecidos como oficiales en el Servicio Nacional de Aprendizaje - SENA (portales, intranet, productos impresos y virtuales). Si usted necesita crear un blog vinculado con algn centro, rea, servicio o programa relacionado con el Servicio Nacional de Aprendizaje - SENA, pngase en contacto con la Oficina de Comunicaciones en la Direccin General o con el Lider de Comunicaciones de su regional, para solicitar el aval de creacin correspondiente. En el presente manual encontrar los pasos y recursos necesarios para que la creacin de su blog sea acorde con los lineamientos establecidos en el Manual de Imagen Corporativa de la entidad.

Parmetros Generales
Los blogs SENA estn siendo manejados actualmente desde la plataforma Blogger (http://www.blogger.com). Para acceder a sta, se debe tener una cuenta de correo electrnico creada en gmail o en http://correo.misena.edu.co. Si ya tiene creado un blog desde una plataforma diferente a Blogger (como wordpress o tumblr), es necesario realizar la migracin correspondiente. Se puede elegir entre las siguientes versiones de color para su creacin:

Versin verde

Versin naranja

Parmetros Generales
Si el blog ya ha sido creado, puede acceder a las funciones para modificacin de diseo y estructura haciendo clic en el ttulo del blog, desde el administrador principal de Blogger. Si va a crear un blog por primera vez, debe hacerlo desde el botn Nuevo blog, disponible en la plataforma para este fin.

Parmetros Generales
Al dar clic en el botn Nuevo blog, aparecer una ventana desde la cual podr configurar el ttulo y la direccin de dominio. La plantilla a escoger debe ser Travel. Realizados estos pasos, haga clic en el botn Crear blog para habilitar las funciones que le permitirn configurar los elementos adicionales.

Ajustes de Diseo y Plantilla

Cada blog puede contener gadgets y elementos pertinentes a su fin informativo, siempre y cuando stos no interfieran con los objetivos establecidos en el manual de imagen institucional del SENA. Para facilitar el uso de stos, as como de la herramienta Blogger, se sugiere no usar plantillas HTML o XML personalizadas. De ser estrictamente necesario su uso, stas deben ser concebidas bajo los parmetros de colores, diseo y estructura sugeridos en el presente instructivo. Los ajustes bsicos para crear un blog SENA se realizarn desde las opciones Diseo y Plantilla, disponibles en la pgina principal de administracin de Blogger.

Identificador de Pestaas
Para colocar el logo SENA como identificador en las pestaas del blog (favicon), localice la casilla Favicon, disponible en la opcin de Diseo, e ingrese a la opcin Editar de la misma. sto nos mostrar la ventana que aparece en el siguiente ejemplo. Dentro de esta ventana haga clic en el botn Examinar, seleccione el archivo Favicon.jpg (disponible para descarga en el blog de la Oficina de Comunicaciones) y de clic en Guardar.

Cabezote
El cabezote debe elaborarse de acuerdo con los lineamientos establecidos para tal fin, acordes con los parmetros actuales de imagen institucional.

Ajuste los tamaos de las fuentes para el encabezado del blog buscando que ste no sobrepase el rea demarcada en los ejemplos. Las fuentes a usar para el cabezote son las siguientes: Encabezado: Swiss 721 Condensed - Normal y Negrita. Frase De clase mundial: Zurich BT El tamao del cabezote es de 1000 x 180 pixeles, debe guardarse en formato de color RGB y con una resolucin recomendada de 96 dpi. Para la elaboracin del cabezote debe seleccionarse una fotografa acorde con el centro, rea, programa, servicio o producto relacionado en el blog. Los archivos y tipos de letra necesarios para crear el cabezote se encuentran disponibles para descarga en el blog de la Oficina de Comunicaciones de la Direccin General. 7

Cabezote
Para colocar el cabezote en el blog despus de elaborado, ingrese a la opcin Diseo, ubique la casilla Cabecera (ubicada bajo la casilla Favicon) y haga clic en Editar. As aparecer la ventana Configurar Cabecera que se visualiza en el siguiente ejemplo. En esta ventana escriba los siguientes datos: - Ttulo del blog: nombre del centro o programa - SENA regional o rea correspondiente - Descripcin del blog: es un dato opcional, puede ser una breve descripcin del objetivo del blog. - Imagen: en este debe escogerse la opcin Elegir imagen para cargar el cabezote creado. En las opciones de ubicacin, debe estar sealada En lugar del ttulo y la descripcin. Configurados estos datos, haga clic en Guardar.

Men de Pginas

Para configurar el men de pginas, localice la opcin Pginas en el listado principal del administrador. En la opcin Mostrar pgina como, seleccione Pginas principales. Para crear nuevas pginas, use la pestaa disponible para ello y siga las instrucciones indicadas.

Configuracin de plantilla
Desde el botn Personalizar, disponible en la opcin Plantilla, realice los siguientes pasos: 1. En la primera opcin, Plantillas, seleccione el conjunto de plantillas llamado Viajes, de este paquete seleccione a su vez la plantilla numero 3. Estas aparecen demarcadas en la siguiente imagen de ejemplo:

2. En la opcin Fondo, escoja como imagen de fondo Ninguno.

10

Configuracin de plantilla

3. En la opcin Diseo, seleccione las estructuras demarcadas a continuacin:

4. En la opcin Ajustar ancho, esciba los tamaos 1060px para Blog Completo y 260px para barra lateral derecha.

11

Configuracin de plantilla
5. En la opcin Avanzado: - Para Texto de la pgina, seleccione la fuente Arial, tamao 12px y escriba en el espacio disponible para color de texto el cdigo #666666.

- Para Fondos, escriba en la casilla de fondo exterior el cdigo #cccccc y seleccione en el espacio disponible para fondo principal la opcin transparent.

12

Configuracin de plantilla
- Para Enlaces, si se va a usar la plantilla verde, coloque en la casilla Color del enlace el cdigo #fc7323, en la casilla Color del enlace visitado el cdigo #cccccc y en la casilla de Color del enlace cuando se coloca el ratn sobre l el cdigo #238276.

Si se va a usar la plantilla naranja, coloque en la casilla Color del enlace el cdigo #238276, en la casilla Color del enlace visitado el cdigo #cccccc y en la casilla de Color del enlace cuando se coloca el ratn sobre l el cdigo #fc7323.

13

Configuracin de plantilla

- Para Ttulo del blog y Descripcin del blog, los parmetros a usar son indiferentes, pues estos sern determinados por el cabezote que ya ha sido configurado.

14

Configuracin de plantilla
- Para Texto de la pestaa, en la opcin Fuente escoja el tipo de letra Arial a tamao11px y marque la opcin B para negrita. Si se va a usar la plantilla verde, coloque en la casilla Color del texto el cdigo #ffffff y en la casilla Color seleccionado el cdigo #238276.

11

Si se va a usar la plantilla naranja, coloque en la casilla Color del texto #ffffff y en la casilla de Color seleccionado el cdigo #fc7323.

15

Configuracin de plantilla

- Para Fondo de las pestaas, seleccione para Color de fondo y Color seleccionado la opcin Transparent.

- Para Cabecera de Fecha, en la opcin Fuente escoja el tipo de letra Arial a tamao14px y marquela opcin B para negrita. Si se va a usar la plantilla verde, en la casilla Color del texto escribael cdigo #fc7323. Si se va a usar la plantilla naranja, en la casilla Color del texto escriba el cdigo #238276.

16

Configuracin de plantilla

- Para Ttulo de Entrada, en la opcin Fuente escoja el tipo de letra Arial a tamao 20px y marque la opcin B para negrita. Si se va a usar la plantilla verde, en la casilla Color del texto escriba el cdigo #238276. Si se va a usar la plantilla naranja, en la casilla Color del texto escriba el cdigo #fc7323.

- Para Fondo de entrada, en la opcin Color de fondo escriba el cdigo #ffffff.

17

Configuracin de plantilla
- Para Color del ttulo del gadget, en la opcin Fuente seleccione el tipo de letra Arial a tamao 14px y marque la opcin B para negrita. En la casilla Color del texto escriba el cdigo #ffffff. - Para Texto del gadget, en la opcin Fuente seleccione el tipo de letra Arial a tamao 12px. En la casilla Color del texto debe colocarse el cdigo #ffffff. - Para Enlaces del gadget, en la opcin Color del enlace escriba el cdigo #fc7323. En la opcion Color de enlace visitado escriba el cdigo #cccccc y en Alternar color escoja la opcin transparent.

18

Configuracin de plantilla

- Para Fondo de columna lateral, en la opcin Color de fondo escoja la opcin transparent. Para Color de biselado escriba el cdigo #ffffff.

- Para la opcion Mobile Button Color, escriba el cdigo #ffffff. La opcin Aadir CSS se deja en blanco.

19