DISEÑO DEL BLOG

25

Transcript of DISEÑO DEL BLOG

Page 1: DISEÑO DEL BLOG
Page 2: DISEÑO DEL BLOG
Page 3: DISEÑO DEL BLOG

PASO PREVIO: ACTUALIZAR LA INTERFAZ En este Módulo aprenderás a gestionar tu blog, modificando entre otras cosas, su plantilla , su diseño y su configuración . Como vamos a usar exclusivamente la interfaz actual de Blogger, si todavía tienes la antigua, actualízala clicando en Probar la interfaz actualizada de Blogger

De la Interfaz antigua → a la interfaz actualizada.

Page 4: DISEÑO DEL BLOG

Elementos de la interfaz del escritorio de Blogger:

Page 5: DISEÑO DEL BLOG

Elementos de la interfaz de Más opciones:

Page 6: DISEÑO DEL BLOG

PLANTILLA Cambia de plantilla, de fondo, formatos, enreda, ve las posibilidades… pero al final vuelve a la opción Sencillo, porque es la que vamos a usar de modelo en este tutorial, de modo que el Diseño sea para todos el mismo. Dale a Personalizar:

Page 7: DISEÑO DEL BLOG

Plantillas

Fondo

Ajustar ancho

Page 8: DISEÑO DEL BLOG

Diseño

Avanzado

Recuerda: Mantén todas las características que te hemos indicado, excepto el color, que puedes elegir el que prefieras.

Page 9: DISEÑO DEL BLOG

DISEÑO

Este es el diseño de tu blog: sus apartados y el lu gar que ocupan.

Page 10: DISEÑO DEL BLOG

GADGETS Los gadgets son cacharritos que pueden ser colocados en cualquier parte del blog (aunque habitualmente van en la barra lateral), que ofrecen contenidos útiles y dinámicos; como, por ejemplo, conversor de moneda, calendario, reloj, calculadora, herramienta de traducción, etc. En la plantilla de tu blog, por defecto aparecen ya tres Gadgets: Seguidores : gadget que recoge los seguidores públicos de tu blog. Archivo del blog : listado de las entradas publicadas en el blog, organizadas cronológicamente. Contribuyentes : usuarios que pueden publicar en el blog. Vamos a eliminar el primero: Dale a Editar y luego a Eliminar.

Page 11: DISEÑO DEL BLOG

Y ahora vas a añadir algún gadget a la barra lateral (sidebar) de tu blog.

Page 12: DISEÑO DEL BLOG

De los Gadget que ofrece Blogger para incorporar a tu blog, hemos seleccionado los siguientes: Cuadro de búsqueda

Lista de blogs

Lista de enlaces

Listas, a secas

Etiquetas

Enlaces de suscripción

HTML (por ejemplo calendario, reloj…)

Page 13: DISEÑO DEL BLOG

Cuadro de búsqueda

Ofrece al usuario un cuadro donde puede introducir uno o varios términos de búsqueda para buscar en las entradas o enlaces del blog. Al configurar este gadget se puede indicar su Título y también sus pestañas para definir los ámbitos de búsqueda: en las entradas de tu blog, en las páginas enlazadas desde cualquier entrada de tu blog, en Internet en general, etc.

Page 14: DISEÑO DEL BLOG

Lista de blogs

Añade a la barra lateral una selección de blogs. Al añadir o editar el gadget se abre una ventana donde se pueden configurar las propiedades de esta lista:

• Título: es el título que mostrará el gadget. • Ordenación: permite definir el orden en el listado de enlaces. • Mostrar: puedes configurar lo que se mostrará de cada blog enlazado.

En este cuadro también puedes añadir, editar o suprimir cada uno de estos enlaces. Para terminar pulsa en el botón GUARDAR

Page 15: DISEÑO DEL BLOG

Lista de enlaces

Añade a la barra lateral una colección de enlaces favoritos a sitios web, páginas o blogs. Al añadir o editar un gadget de lista de enlaces se abre una nueva ventana donde se pueden configurar las propiedades de este listado:

• Título: es el título que mostrará el gadget. • Número de enlaces que se mostrarán: si lo dejas en blanco se verán todos los enlaces. • Ordenación: permite definir el orden en el listado de enlaces.

En este cuadro también puedes añadir, editar o suprimir cada uno de estos enlaces. Para terminar pulsa en el botón GUARDAR .

Page 16: DISEÑO DEL BLOG

Etiquetas

Muestra un listado de todas las etiquetas o categorías definidas en el blog. Cuando el lector hace clic en una etiqueta se mostrará una página con todos los artículos que contienen esa etiqueta. En la edición de la configuración de este gadget se puede definir el Título, Ordenación (por orden alfabético o por frecuencia) y si se muestra u oculta el número de entradas por etiqueta. Para terminar hacer clic en el botón GUARDAR .

Page 17: DISEÑO DEL BLOG

Enlaces de suscripción

Ofrece a los lectores la posibilidad de suscribirse a los artículos y comentarios de tu blog utilizando los lectores de feed más conocidos. En la edición de la configuración de este gadget solo es necesario definir el título con que se mostrará. Un feed es un sistema de suscripción por el que puedes recibir las actualizaciones o nuevos posts de un blog a medida que se publican. Suele usarse este icono para representarlo:

Page 18: DISEÑO DEL BLOG

HTML Se trata de copiar el código que facilitan algunas páginas y pegarlo en la caja del Gadget HTLM. Ten cuidado y no dejes ningún carácter sin copiar. Vas a añadir a la barra lateral de tu blog un reloj y un calendario para estar permanentemente informando del día y la hora exactos. Puedes elegir el reloj y el calendario que más te guste.

Page 19: DISEÑO DEL BLOG

Reloj http://www.recursosblog.net/relojes-para-blogger.html http://www.widgetsi.com/relojes-web-gratis.php http://programasyrecursos.blogspot.com/2009/06/000-relojes-gadgets-para-blogger.html Código HTML:

Reloj: <!--- codigo relojesweb.com---><table border="0" id="t1"><tr><td><a href="http://www.relojesweb.com"><param name=wmode value=transparent><embed style="" src="http://www.relojesweb.com/flash/reloj5.swf" wmode="transparent" type="application/x-shockwave-flash" height="100" width="100"><param name=wmode value=transparent></embed></a></TD></tr><tr><TD align="center" style="font-family : verdana;font-size : 8px;font-variant : small-caps; text-decoration : none;"><a style="text-decoration : none" target="_blank" href="http://www.relojesweb.com">RelojesWeb</a> para <a style="text-decoration : none" target="_blank" href="http://www.mihogaren.com/">Pisos</a>!<div id="control" style="display:none">Quiz1da6 feeTha5e eiKi2roo Quaix4ma DeeXah6k See1ceaw oo3faeQu loTh3boo</div><div id="control2" style="display:none">chee9Phi Tie7queo othe4Ka0 Ooku4aiS yahX5kee aid6XeuS ahch0Bah eeJie9ax</div></TD></tr></table><!--- codigo relojesweb.com--->

Page 20: DISEÑO DEL BLOG

Calendario http://www.free-blog-content.com/ Código HTML:

Calendario: <!-- FREE-BLOG-CONTENT.com --> <br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar0013.htm" width="161" height="280" marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center> <center><a style="font-size: 3mm" href="http://www.free-blog-content.com/">Free Blog Calendar</a></center></br>

Page 21: DISEÑO DEL BLOG

CONFIGURACIÓN

Page 22: DISEÑO DEL BLOG

CONFIGURACIÓN

Básico

Permisos : cómo añadir contribuyentes, esto es, gente que pueda escribir y gestionar el blog.

Page 23: DISEÑO DEL BLOG

Al invitado le llegará un correo para que acepte la invitación…

Page 24: DISEÑO DEL BLOG

Entradas y comentarios

Page 25: DISEÑO DEL BLOG

Otros

Si quieres Suprimir blog y empezar de nuevo…