DISEÑO DEL BLOG

Post on 31-Jul-2015

713 views 0 download

Transcript of 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.

Elementos de la interfaz del escritorio de Blogger:

Elementos de la interfaz de Más opciones:

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:

Plantillas

Fondo

Ajustar ancho

Diseño

Avanzado

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

DISEÑO

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

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.

Y ahora vas a añadir algún gadget a la barra lateral (sidebar) de tu 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…)

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.

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

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 .

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 .

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:

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.

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

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>

CONFIGURACIÓN

CONFIGURACIÓN

Básico

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

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

Entradas y comentarios

Otros

Si quieres Suprimir blog y empezar de nuevo…