Download - DISEÑO DEL BLOG
![Page 1: DISEÑO DEL BLOG](https://reader034.vdocuments.co/reader034/viewer/2022052322/5572108a497959fc0b8d5345/html5/thumbnails/1.jpg)
![Page 2: DISEÑO DEL BLOG](https://reader034.vdocuments.co/reader034/viewer/2022052322/5572108a497959fc0b8d5345/html5/thumbnails/2.jpg)
![Page 3: DISEÑO DEL BLOG](https://reader034.vdocuments.co/reader034/viewer/2022052322/5572108a497959fc0b8d5345/html5/thumbnails/3.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052322/5572108a497959fc0b8d5345/html5/thumbnails/4.jpg)
Elementos de la interfaz del escritorio de Blogger:
![Page 5: DISEÑO DEL BLOG](https://reader034.vdocuments.co/reader034/viewer/2022052322/5572108a497959fc0b8d5345/html5/thumbnails/5.jpg)
Elementos de la interfaz de Más opciones:
![Page 6: DISEÑO DEL BLOG](https://reader034.vdocuments.co/reader034/viewer/2022052322/5572108a497959fc0b8d5345/html5/thumbnails/6.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052322/5572108a497959fc0b8d5345/html5/thumbnails/7.jpg)
Plantillas
Fondo
Ajustar ancho
![Page 8: DISEÑO DEL BLOG](https://reader034.vdocuments.co/reader034/viewer/2022052322/5572108a497959fc0b8d5345/html5/thumbnails/8.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052322/5572108a497959fc0b8d5345/html5/thumbnails/9.jpg)
DISEÑO
Este es el diseño de tu blog: sus apartados y el lu gar que ocupan.
![Page 10: DISEÑO DEL BLOG](https://reader034.vdocuments.co/reader034/viewer/2022052322/5572108a497959fc0b8d5345/html5/thumbnails/10.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052322/5572108a497959fc0b8d5345/html5/thumbnails/11.jpg)
Y ahora vas a añadir algún gadget a la barra lateral (sidebar) de tu blog.
![Page 12: DISEÑO DEL BLOG](https://reader034.vdocuments.co/reader034/viewer/2022052322/5572108a497959fc0b8d5345/html5/thumbnails/12.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052322/5572108a497959fc0b8d5345/html5/thumbnails/13.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052322/5572108a497959fc0b8d5345/html5/thumbnails/14.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052322/5572108a497959fc0b8d5345/html5/thumbnails/15.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052322/5572108a497959fc0b8d5345/html5/thumbnails/16.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052322/5572108a497959fc0b8d5345/html5/thumbnails/17.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052322/5572108a497959fc0b8d5345/html5/thumbnails/18.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052322/5572108a497959fc0b8d5345/html5/thumbnails/19.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052322/5572108a497959fc0b8d5345/html5/thumbnails/20.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052322/5572108a497959fc0b8d5345/html5/thumbnails/21.jpg)
CONFIGURACIÓN
![Page 22: DISEÑO DEL BLOG](https://reader034.vdocuments.co/reader034/viewer/2022052322/5572108a497959fc0b8d5345/html5/thumbnails/22.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052322/5572108a497959fc0b8d5345/html5/thumbnails/23.jpg)
Al invitado le llegará un correo para que acepte la invitación…
![Page 24: DISEÑO DEL BLOG](https://reader034.vdocuments.co/reader034/viewer/2022052322/5572108a497959fc0b8d5345/html5/thumbnails/24.jpg)
Entradas y comentarios
![Page 25: DISEÑO DEL BLOG](https://reader034.vdocuments.co/reader034/viewer/2022052322/5572108a497959fc0b8d5345/html5/thumbnails/25.jpg)
Otros
Si quieres Suprimir blog y empezar de nuevo…