Creación y Diseño de Blogs en Blogger

Creacin y Diseo de blogs en Blogger Creacin, configuracin, diseo y multimedia

Delegacin de Igualdad Excmo. Ayto. de Dos Hermanas

Noviembre 2013

Creacin y Diseo de Blogs Programa UNEM

2

ndice de contenido

1. Cmo crear un blog en Blogger.......................................................................................... 3

1.1. Primer paso: crear una cuenta .................................................................................... 3

1.2. Segundo paso: Crear un nuevo blog ............................................................................. 4

1.3. Tercer paso: elegir una plantilla....................................................................................... 7

1.4. Cmo acceder al nuevo blog............................................................................................ 8

1.5. El panel de control o Escritorio......................................................................................... 8

1.6. Configuracin rpida de las opciones........................................................................... 9

2. Diseo del blog de Blogger................................................................................................11

2.1. Diseo y eleccin de la plantilla en Blogger .............................................................11

2.2. Cmo incluir una imagen en la cabecera del blog .................................................14

2.3. Aadir gadgets al blog ......................................................................................................15

3. La creacin de entradas .......................................................................................................17

3.1. Las opciones de creacin de entradas ........................................................................17

3.2. Los elementos de una entrada de blog......................................................................18

3.3. Botones para formatear el texto....................................................................................19

3.4. Formas de incluir imgenes y videos...........................................................................20

3.5. Pginas en un blog.............................................................................................................22

3.6. Cmo insertar presentaciones........................................................................................24

4. Herramientas tiles para el diseo de imgenes........................................................24


3

1. Cmo crear un blog en Blogger Un blog es una herramienta muy til que est disponible en Internet para darte a

conocer o simplemente para expresar tus gustos u opiniones.

Los blogs son pginas personales donde cada persona muestra lo que quiere dar a

conocer en Internet, bien pueden ser gustos musicales, literarios, fotogrficos, o u

opiniones o crticas a un determinado sistema, sociedad, etc.

Para crearnos un blog, lo primero que necesitamos es una direccin de correo

electrnico, tenindola solo nos hace falta registrarnos en la pgina donde nos

crearemos el blog, en nuestro caso el blog nos lo crearemos en Blogger.

Blogger es un servicio de Google que nos permite crear y publicar blogs en

Internet, es un servicio gratuito.

Para acceder a Blogger podemos hacerlo de varias formas:

1. Escribiendo la direccin http://www.blogger.com

2. Desde Google abrir la aplicacin Blogger

3. Buscando en Google Blogger

Pero antes de empezar Tenis pensado de qu queris hacer vuestro blog?

Primer paso: crear una cuenta Antes de nada debemos crearnos una cuenta. Si tuviramos una cuenta en google y

es la que queris utilizar para vuestro blog, solo tendrais que entrar en esa cuenta.

Sino hay que crear una cuen ta nueva, para ello le daramos a crear cuenta y

rellenar los datos que nos piden.


4

Eso nos llevar a otro documento donde deberemos Crear una cuenta de Blogger, lo que quiere decir que tenemos que crear una cuenta que nos identifique en ese

servicio y una direccin para nuestro blog.

En el texto nos avisan de que si ya tenemos una cuenta en Google, por ejemplo del

correo de Gmail, tenemos que hacer clic en el enlace que dice primero acceda a ella. En este caso, el primer paso para crear el blog se realizar automticamente, y

pasaremos al paso 2. Pero quienes no tienen cuenta de Google, tendrn que rellenar el siguiente formulario:

En este formulario hay que incluir lo siguiente:

Una cuenta de correo electrnico existente que tenga el creador del blog.

Una contrasea escrita dos veces para asegurarse de que no hay errores.

El nombre que aparecer como autor o autora del blog y de los artculos.

Una verificacin, que consiste en escribir las letras que aparecen en una pequea

imagen.

Activar la casilla de aceptacin de las condiciones, aunque siempre es mejor

leerlas antes.

Hacemos clic en la flecha Continuar, y continuamos con el siguiente paso.

1.2. Segundo paso: Crear un nuevo blog Una vez que estamos registradas en Blogger nos aparece esta ventana;


5

En ella debemos darle al botn Nuevo Blog, para crearnos el nuestro, y nos

aparecer esta nueva ventana:

En esta fase simplemente escribiremos un nombre para nuestro blog, que podremos

cambiar ms tarde, y le asignaremos una direccin de internet, esta ltima no la podremos cambiar.

Es importante que la direccin (tambin llamada URL) sea corta y siempre con

letras minsculas, sin caracteres especiales como acentos o ees, y sin espacios. La

direccin suele ser el nombre del blog o el nombre del autor o autora, pero se

puede poner lo que se quiera. Para mi blog de prueba, que se llama "Como crear un

blog en Blogger", le he puesto esta direccin: aventurasdeunblog. Despus Blogger

aade la parte final hasta quedar as: http://aventurasdeunblog.blogspot.com


6

Pero antes de continuar hay que tener en cuenta que la direccin del blog est

disponible, lo cual va apareciendo conforme vamos escribiendo la direccin, en caso

de que no lo est nos avisan con la frase: Lo sentimos, esta direccin del blog no est disponible. Y ahora vamos al ltimo paso.

1.3. Tercer paso: elegir una plantilla Por ltimo, tendremos que elegir una plantilla, que es el diseo general del blog.

Elegiremos la que ms nos guste, pero ms adelante podremos cambiarla siempre

que queramos.

Y ya tenemos nuestro blog en Blogger. Ahora habr que configurarlo y empezar a

escribir.

Para ver nuestro blog, solo tendremos que pulsar el botn que hay al final de la

seccin donde aparece el nombre de nuestro blog, y que pone Ver Blog.

Tambin podemos escribir su direccin en el navegador, y en mi caso es:

http://aventurasdeunblog.blogspot.com.es/. Entonces aparecer vaca:


7

Y encima de ella veremos la barra de Blogger, con la que podremos entrar a la

parte de la Administracin a escribir una Nueva Entrada en el blog o a Personalizar el

Diseo, adems de otras funciones.

1.4. Cmo acceder al nuevo blog Un problema muy comn entre los principiantes es que no saben acceder a su

nuevo blog. Se puede acceder de dos formas:

1. La forma ms sencilla es ir a la pgina principal de Blogger, y all nos presentan

un pequeo formulario con un campo de texto y otro de contrasea. En el primero escribimos nuestro nombre de usuario, en este caso nuestra cuenta de Google o la direccin completa de la cuenta de correo con que registramos nuestro blog.

Cuando hagamos clic en el enlace Acceder, llegaremos a nuestro Escritorio del blog.

2. Escribiendo la direccin completa del nuevo blog como, por ejemplo:

http://aventurasdeunblog.blogspot.com.es En este caso, aparecern unos enlaces en la parte superior del blog. Hay que hacer clic en Acceder, que est en la parte

derecha, y entonces llegaremos a la pgina principal de Blogger para incluir

nuestros datos. Si estamos conectados a Blogger en el navegador (por medio de las

cookies), hay que hacer clic en el enlace Escritorio, y entraremos directamente a

nuestro blog.

Las personas vern el nuevo blog escribiendo su direccin o URL en la barra de direcciones de su navegador. Pasados unos das, despus de que los buscadores

hayan tenido tiempo a rastrear el nuevo blog, tambin se podr acceder a l

simplemente escribiendo el nombre del blog en el buscador.

Para terminar esta seccin, diremos que un usuario puede crearse ms de un blog

en Blogger, y cuando se acceda al Escritorio o panel de control, aparecern all

todos nuestros blogs.


8

1.5. El panel de control o Escritorio Cuando accedemos a nuestro blog recin creado, nos encontramos con el Escritorio

que nos da acceso a la parte privada del blog o administracin. El perfil de usuario es importante para formar parte de la comunidad de Blogger, que es muy extensa en todo el mundo. Estos datos personales los podrn ver los

visitantes de nuestro blog, pero tambin aparecern cuando escribamos un

comentario en otro blog. Siempre es conveniente que escribamos algunos datos

nuestros para que los dems nos conozcan, aunque sea un poco, pues no hay que

olvidar que el carcter personal es importante en los blogs.

En el panel de control aparecen otros enlaces importantes:

Nueva entrada: para escribir un nuevo texto en nuestro blog

Entradas: para ver todas las entradas escritas en el blog y editarlas.

Pginas: Puedes crear pginas independientes enlazadas desde pestaas o desde

barras laterales de tu blog. Estas pginas no funcionan igual que la pgina principal

de tu blog. En otras palabras: es como si cada una de esas pginas solo contuviera

una entrada, mientras que tu pgina inicial contiene varias entradas y muestra las

ms recientes arriba del todo.

Comentarios: Desde esta parte se gestiona los comentarios que hacen a nuestras

entradas en el blog.

Google +: Google + es una red social como facebook o twitter que pertenece a

google. Desde ah se configuran las opciones de publicacin de tus entradas en tu

red social de Google +.

Estadsticas: Parte desde donde se publican las estadisticas de visitas a nuestro

blog.

Ingresos: Una manera simple y gratuita para que los usuarios de Blogger ganen

dinero mostrando anuncios de Google orientados en su blog.

Diseo: Es la zona desde la cual vamos a darle Diseo a nuestro Blog.


9

1.6. Configuracin rpida de las opciones Antes de empezar a escribir en el blog, conviene realizar una serie de cambios en la

configuracin, aunque no hace falta que sean muchos. Ahora vamos a examinar unos posibles cambios que podemos realizar cuando hacemos clic en el enlace

Configuracin del panel. En este caso, nos encontraremos con las tres pestaas caractersticas del panel del blog, y est activa la de la configuracin:

Debajo de la pestaa Configuracin aparece una fila con otras opciones, pero de entrada ya estamos en la opcin llamada Bsico. Ahora vamos a analizar brevemente las opciones ms importantes, aunque muchas de ellas estn ya

explicadas en el blog.

1. Bsico: Ttulo: es el ttulo del blog, que se puede modificar siempre que se quiera. Descripcin: es una descripcin del blog, que aparecer debajo del ttulo en la cabecera del blog.

Privacidad: es aconsejable aceptar para que nuestro blog aparezca en los

buscadores.

3. Comentarios: en esta seccin se configuran los comentarios, de manera que se pueden mostrar u ocultar, o elegir el tipo de usuarios que tienen permiso para

escribirlos.

Otras opciones importantes son las siguientes:

Ubicacin del formulario de comentarios: los comentarios pueden escribirse en una pgina completa aparte de la entrada, en una ventana emergente o en una entrada


10

incrustada a continuacin, es decir, en un formulario ubicado despus de la entrada. Yo aconsejo sta ltima opcin, pues es la ms habitual en la mayora de los blogs.

Enlaces de retroceso: son enlaces a entradas de otros blogs que han enlazado una

entrada de nuestro blog. As sabemos quin se hace eco de nuestro blog.

Moderacin de comentarios: podremos leer los comentarios antes de publicarlos, y aparecern en la opcin Moderacin de comentarios de la pestaa Creacin de entradas.

Correo electrnico de notificacin de comentarios: aqu podemos escribir nuestro email para recibir un aviso cada vez que alguien escriba un comentario.

4. Archivo:

Frecuencia de archivo: la frecuencia con que deseamos que se guarden las

entradas publicadas de forma visual en el lateral del blog.

Habilitar pginas de entrada?: las pginas de entrada son las pginas individuales o enlaces permanentes para cada entrada, a los que se llega generalmente

haciendo clic en el ttulo que una entrada tiene en la portada.

Es importante tener habilitada esta opcin.

5. Feed del sitio: un feed es un anglicismo que se refiere a una forma de distribuir el

contenido de nuestro blog en otros blogs que recogen nuestro enlace de feed,

situado en la parte inferior del blog con la expresin "Suscribirse a: (Entradas

Atom)". Con ese enlace, se pueden publicar nuestras entradas completas o cortas

en otro blog automticamente conforme las vayamos publicando.

6. Permisos: en esta seccin se aaden autores nuevos al blog, de manera que se

convierta en un blog colectivo. Tambin se puede elegir quines queremos que

vean nuestro blog.

2. Diseo del blog de Blogger 2.1. Diseo y eleccin de la plantilla en Blogger

El Diseador de plantillas de Blogger te ofrece otra forma de personalizar

fcilmente el aspecto de tu blog. Tienes un montn de plantillas, imgenes, colores

y diseos de columnas para expresar tu personalidad en tu blog. Para acceder al

Diseador de plantillas, solo tienes que hacer clic en el men desplegable que

aparece junto al icono gris de lista de entradas y seleccionar Plantilla. Desde aqu,

puedes elegir y personalizar tu plantilla.


11

Cuando pruebes el Diseador de plantillas, observars una vista previa que

muestra el aspecto que tendr el blog segn las opciones que elijas; puedes

ampliarla si pulsas en Mostrar vista previa entre el panel de control del Diseador

de plantillas de Blogger y la vista previa. Cuando ests satisfecho con el aspecto del

blog, puedes aplicarlo directamente si pulsas la opcin Aplicar al blog en la esquina

superior derecha del Diseador de plantillas.

Para empezar a trabajar con el Diseador de plantillas de Blogger, selecciona una

de las plantillas de diseo profesional que tienes a tu disposicin para el blog. Cada

plantilla aparece como una miniatura de gran tamao; al hacer clic en ella se

muestran distintas variaciones de la misma que puedes seleccionar. Fjate en que al

hacer clic en una plantilla nueva se borrarn todas las personalizaciones que hayas

hecho en una plantilla anterior.

Cuando hayas elegido una, puedes seguir personalizando el aspecto del blog.

Independientemente de la plantilla que ests previsualizando en el Diseador de

plantillas, siempre puedes ver el aspecto que tiene tu blog en estos momentos si te

fijas en la miniatura Ahora en el blog del panel de control de esta utilidad. Tambin

puedes hacer clic en ella para restablecer en el Diseador de plantillas la plantilla

que utilizas actualmente para tu blog.

Fondo

Aunque hayas elegido una plantilla, puedes cambiar su aspecto. Con el Diseador

de plantillas de Blogger puedes elegir el color o la imagen de fondo que quieras en

tu blog y luego aprovechar las opciones del esquema de color. Para empezar a

personalizar el fondo, haz clic en la miniatura situada bajo Imagen de fondo.


12

De entre las nuevas funciones del Diseador de plantillas, una de las mejores es la

capacidad de cambiar el color de la imagen de fondo. Es posible realizar este

cambio si la imagen de fondo tiene transparencia. Se sabe que una imagen de

fondo es transparente si en la esquina superior derecha muestra un tablero de

ajedrez.

Cuando hayas seleccionado la imagen, puedes cambiar el color del fondo si haces

clic en Gama de colores principal y, a continuacin, seleccionas el color que

prefieras.

Solamente puedes cambiar el color del fondo si ste ltimo es transparente.

Asimismo, si la plantilla que has elegido tiene un fondo gris, no podrs cambiar su

color.

Adems de seleccionar y personalizar la imagen de fondo de tu blog, tambin

puedes elegir una gama de colores y aplicarla a otros elementos del blog, como el

texto o los enlaces. Para ello, prueba a usar la opcin Gama de colores principal o

elige uno de los Temas sugeridos. Al cambiar la gama de colores de tu blog,

tambin cambiar el color de todos los elementos de la plantilla que se puedan

modificar.

Nota: si la imagen de fondo no es transparente, el cambio de tema modificar el

esquema de colores del blog.

Si quieres instrucciones para subir tu imagen de fondo personalizada, consulta

nuestro artculo sobre cmo aadir cdigo CSS personalizado a tu blog.


13

Diseo

Puedes elegir entre una variedad de opciones de diseo para tu blog, de una a tres

columnas. Estos diseos cuentan con la funcionalidad de arrastrar y soltar para los

gadgets. Tambin dispones de una variada gama de opciones de diseo para el pie

de pgina del blog.

Si deseas aadir o suprimir gadgets, o bien modificar su configuracin, no podrs

hacerlo con el Diseador de plantillas de Blogger. En su lugar, debes utilizar la ficha

general Diseo.

Ajuste del ancho

Puedes cambiar el ancho del blog y de las columnas izquierda y derecha si arrastras

los controles deslizantes de las distintas partes del diseo del blog. Fjate en que las

opciones que ves aqu se corresponden con el tipo de diseo que has elegido. Si,

por ejemplo, has elegido un blog con columnas a los lados, vers controles

deslizantes tanto en la izquierda como en la derecha. Sin embargo, si has elegido

un blog con una sola columna a la izquierda, aqu solamente vers esa opcin.

2.2. Cmo incluir una imagen en la cabecera del blog Uno de los aspectos que no se pueden descuidar en un blog es el diseo. Pero no

me refiero a los adornos ms o menos superfluos que confunden a los usuarios o

llenan de ruido un blog, sino a lo que contribuye a su funcionalidad y a su caracterizacin. La cabecera de las bitcoras es lo primero que tenemos que cuidar,


14

porque sencillamente es lo primero que se ve, y ya sabemos que las primeras

impresiones cuentan en la vida. Los diseos de que disponemos en los gestores de

los blogs suelen ser variados, pero como los usan muchos usuarios, al final nos

encontramos en la Web muchos blogs "como los mos". Lo mejor en estos casos es

colocar una imagen en la cabecera para personalizar nuestra bitcora, y para ello

hay que tener en cuenta lo siguiente:

1. La imagen no tiene que ser grande ni pretenciosa; basta con un icono

representativo o una imagen de tamao medio que d una idea del contenido del

blog y que exprese la personalidad del autor o autores del blog. 2. Como el ttulo del blog est a la izquierda, es mejor colocar la imagen a la

derecha para evitar que el texto se superponga a la imagen, aunque a veces este caso puede ser bonito, pero la imagen nunca tiene que entorpecer la lectura del ttulo.

3. Los diseos de los blogs de Blogger, como muchos diseos de blogs, tienen dos

modalidades segn tengan una anchura fija o se extiendan todo lo ancho de la pantalla (strech). Si la anchura es fija, entonces la anchura de la imagen se puede acoplar a

la del diseo, pero, en caso contrario, la imagen no cambiar de anchura, mientras

que la cabecera, junto a todo el diseo, se puede ensanchar ms o menos.

En Blogger, se pueden incluir imgenes en las entradas, en el lateral, en el pie y en

la cebecera del diseo. Para incluirlas en las entradas, utilizamos el editor, y para

incluirlas en el diseo, usamos los llamados widgets, que se encuentran en la seccin de la Plantilla, dentro del Panel o zona de administracin del blog; en

concreto, tenemos que ir a la parte de Aadir y organizar elementos de la pgina, como se ve en la imagen:

Ahora tenemos que editar la cabecera haciendo clic en el enlace Editar

correspondiente. y aparecer la siguiente ventana:

En este formulario podemos hacer lo siguiente:

1. Cambiar el nombre del blog

2. Escribir una breve descripcin del blog, que aparecer en la cabecera, debajo del

ttulo.

3. Cargar o subir la imagen desde nuestro ordenador o desde otro servidor web

donde est alojada.

4. Colocar la imagen detrs del ttulo, o sustituir el ttulo y la descripcin, de forma

que la imagen debe incluir el ttulo del blog.

Cuando guardamos los cambios, la imagen aparece en la cabecera alineada a la

izquierda.

Si el diseo es de anchura fija, entonces la imagen puede cubrir toda la cabecera

con las medidas apropiadas. Pero si la anchura del diseo es flexible, habr que ver


15

si nos gusta como queda. No es recomendable hacer imgenes muy anchas, pues la resolucin de los monitores vara, y el diseo se ensancha ms o menos para

acoplarse a la pantalla.

2.3. Aadir gadgets al blog Los gadgets son unos elementos relativamente nuevos en la Web que la Wikipedia

define como "dispositivo que tiene un propsito y una funcin especfica,

generalmente de pequeas proporciones, prctico y a la vez novedoso". Son muy

conocidos los de Google, y tambin los de Blogger, entre los que se incluyen

aqullos, cientos de pequeos dispositivos que nos pueden ayudar en muchas

tareas relativas al blog o a sus contenidos. Su facilidad de uso y de configuracin

ha provocado literalmente la invasin de los gadgets, de forma indiscriminada algunas veces.

sta es la opcin ms impresionante que tienen los blogs de Blogger y aaden

elementos al lateral del blog principalmente, pero tambin se pueden aadir al pie

de la pgina.

Para ver cmo funciona, hacemos clic en el enlace Aadir un gadget, y aparecer una ventana nueva:


16

Estos elementos se crean y se configuran automticamente o mediante algunos

cdigos de lenguajes que se utilizan en la Web como, por ejemplo, HTML y

JavaScript. Su configuracin en algunos casos es automtica o requiere slo unos cambios muy sencillos. Existen varias secciones en el lateral de navegacin de esta ventana, una lista casi interminable de gadgets, que aumenta constantemente.

Pero aqu vamos a nombrar los ms importantes dentro de los bsicos, los widgets que son imprescindibles para cualquier blog, algunos de los cuales ya vienen aadidos cuando creamos un blog de Blogger:

1. Perfil: muestra nuestro perfil de Blogger, y es importante para que nuestros

lectores nos conozcan mnimamente.

2. Archivo del blog: clasifica las entradas del blog por meses y aos, y las enlaza en el lateral del blog para que se pueda acceder a ellas rpidamente.

3. Etiquetas: muestra las etiquetas que hemos incluido en las entradas para clasificarlas.

4. Listas: hay varios gadgets de lista de libros, de blogs y de enlaces, que siempre

son imprescindibles para que exista una mnima comunicacin entre blogs.


17

5. Cuadro de bsqueda: muy til para que los lectores busquen contenidos en el blog.

6. Seguidores: un gadget muy original que permite una especie de suscripcin al blog por parte de los lectores.

Con otros gadgets se pueden incluir muchos elementos personalizados, pero a

veces se requieren ciertos conocimientos sobre HTML. En el siguiente ejemplo slo

se requiere saber escribir. Probemos a incluir un texto sencillo que defina nuestro

blog y que lean los visitantes. Para ello elegiremos el gadget Texto y haremos clic

en la imagen de la izquierda o en el signo + de la derecha. A continuacin nos

aparecer una ventana como la siguiente, donde configuraremos el texto:

En el editor escribiremos un ttulo y un texto que podremos formatear con algunos

botones.

Cuando hacemos clic en Guardar cambios, ya podemos ver cmo queda el texto de presentacin en nuestro blog, que se ver en el lateral del blog:

En la parte inferior derecha aparecer, siempre que estemos conectados con

nuestra cuenta, un icono que nos permite abrir el elemento para modificarlo o

borrarlo. Esto tambin se consigue desde la seccin Diseo de la administracin.

3. La creacin de entradas 3.1. Las opciones de creacin de entradas El contenido de un blog hemos visto que no se limita a las entradas, porque

tambin podemos aadir elementos en el lateral que sern muy visibles y que por

tanto darn personalidad a nuestros blog. Sin embargo, el contenido del blog se expresa principalmente en sus entradas, que no solamente incluirn texto, sino tambin elementos interactivos y multimedia, como se ver ms adelante.

Para crear una entrada, podemos acceder al editor ya sea por el enlace del

Escritorio o por la pestaa correspondiente: Creacin de entradas. Antes de ver el editor, fijmonos en las tres opciones que hay debajo de la pestaa:

1. Crear: se trata de la opcin en la que se abre esta seccin y donde vemos el editor de texto.

2. Editar entradas: donde aparecen en lista todas las entradas del blog y se pueden

modificar o borrar.

3. Moderar comentarios: es una opcin que tenemos que haber activado en la

configuracin del blog, y que consiste en que los comentarios que escriben los

visitantes no se publican directamente en el blog, sino que primero aparecen aqu

para que los aprobemos.


18

3.2. Los elementos de una entrada de blog La entrada de blog o post, segn el trmino ingls muy extendido, consiste en los siguientes elementos, que pueden verse en la siguiente imagen numerados encima

del lugar apropiado:

1. Ttulo de la entrada. 2. El editor, compuesto por una parte visual bajo la pestaa Redactar, y la parte de

cdigo fuente bajo la pestaa Edicin de HTML. 3. El editor visual est compuesto de una barra superior de botones para formatear el texto y para incluir elementos multimedia.

4. Enlace Vista previa, que nos muestra una vista de la entrada como si estuviera publicada.

5. Texto principal, que puede ir acompaado de elementos multimedia e interactivos.

6. Las etiquetas de esta entrada, que consisten en palabras o expresiones separadas por comas que definen y clasifican las entradas. Estas etiquetas o tags, segn la jerga, las podemos incluir en el lateral del blog mediante el gadget llamado Etiquetas para que los lectores lean las entradas que las incorporan. Si hacemos clic en el

enlace Mostrar todo, se vern todas las etiquetas del blog.

7. Las Opciones de entrada nos abren otra seccin del editor donde se pueden permitir o no los comentarios de los lectores o los vnculos, y donde se puede

modificar la fecha y hora de la entrada.

8. Por ltimo, la entrada se publica o se guarda sin publicar pulsando los enlaces correspondientes de la parte inferior que tienen fondos rojo y azul.


19

3.3. Botones para formatear el texto Los botones para formatear el texto que aparecen en la barra superior del editor son parecidos a otros que se manejan en editores convencionales, y si se coloca el

cursor del ratn encima de ellos, aparece una descripcin del botn en un marco de

texto. Los nicos botones que pueden ser menos habituales en un procesador de

textos son los de incluir enlaces, imgenes y vdeos.

Para incluir un enlace o link en el texto, hay que hacer lo siguiente:

1. Primero tenemos que destacar el texto que ir enlazado. Para ello, arrastramos el puntero del ratn mientras apretamos el botn izquierdo.

2. A continuacin, tenemos que pulsar en el sexto elemento de la barra de botones

empezando por la izquierda, un icono de color verde.

3. Se abrir una pequea ventana en la que hay que escribir la direccin del enlace

o URL, como se muestra en la imagen superior.

Las dos pestaas superiores del editor muestran el contenido de la entrada de

distinta forma:

En la parte de la pestaa Redactar se muestra el texto ya formateado con el editor

visual, y tal como aparacer en la entrada una vez publicada.

En la parte de la pestaa Edicin HTML se muestra el cdigo fuente del texto tal y

como queda con el lenguaje HTML.

La edicin en HTML se reserva para las personas que conocen este lenguaje, y no

se recomienda modificar el cdigo fuente. Como ejemplo, podemos ver cmo queda

el enlace a Google que hemos realizado antes si abrimos la pestaa del cdigo

fuente: Buscador Google


20

3.4. Formas de incluir imgenes y videos

Aadir una imagen

En Blogger resulta sencillo incluir una imagen. Para ello, hacemos clic en el icono de

Aadir imagen, y entonces aparece una ventana emergente como la de la siguiente imagen:

Puedes aadir una imagen a tu blog de tu ordenador o de la Web. Haz clic en el

icono de imagen de la barra de herramientas del editor de entradas. En la ventana

que aparece, localiza la imagen en tu ordenador o escribe la URL de una imagen de

la Web.

Cuando hayas seleccionado la imagen, podrs elegir un diseo para determinar cul

ser el aspecto de la imagen cuando aparezca en el blog:

Adems, las opciones "Izquierda", "Centrar" y "Derecha" te permitirn personalizar

la forma en que el texto del blog se distribuir alrededor de tu imagen.

Las opciones de la seccin "Tamao de la imagen" determinarn el tamao con que

aparecer la imagen en la entrada.

Haz clic en SUBIR IMAGEN para aadir la imagen y, a continuacin, haz clic

enFINALIZADO cuando aparezca la ventana de notificacin indicndote que "Se ha

aadido tu imagen". A continuacin, Blogger te remitir de nuevo al editor de

entradas, donde vers tu imagen lista para que la publiques en tu blog.


21

Aadir un vdeo

Para aadir un vdeo a la entrada del blog, haz clic en el icono del negativo de

pelcula de la barra de herramientas del editor de entradas que se encuentra

encima del cuadro en el que has redactado el texto del blog. Aparecer una

ventana con el mensaje "Aade un vdeo en tu entrada de blog".

Haz clic en Examinar para seleccionar el archivo de vdeo que te gustara subir

desde el equipo. Ten en cuenta que Blogger acepta archivos AVI, MPEG, QuickTime,

Real y Windows Media y que deben tener un tamao inferior a 100 MB.

Antes de subir algn vdeo, aade un ttulo en el recuadro "Ttulo del vdeo", y

acepta los Trminos y condiciones (slo tendrs que hacerlo la primera vez que

subas un vdeo con Blogger). A continuacin, haz clic en SUBIR VDEO.

Mientras se sube el vdeo, vers un marcador de posicin en el editor de entradas

indicndote dnde aparecer. Adems, vers un mensaje de estado debajo del

editor de entradas que te permitir saber que la subida est en curso. Este proceso

dura unos cinco minutos aproximadamente, aunque vara en funcin del tamao del

vdeo. Cuando termine, tu vdeo aparecer en el editor de entradas.


22

3.5. Pginas en un blog

Una de las necesidades iniciales que nos surgen despus de crear el blog y una vez

es la creacin de secciones o pginas. Estas pginas nos permitirn construir una

divisin horizontal del blog. Estas seran como un men de navegacin que permite

acceder a distintas partes del blog. Para crear las pginas sigue estos pasos:

1. En el men vertical de la izquierda, haz clic en Pginas

2. Haz clic en Pgina nueva y selecciona del desplegable Pgina en Blanco

3. Acceders al editor,

4. En el ttulo de la pgina pon un ttulo sencillo (mejor si es una sola palabra)

para que la direccin de la misma sea lo ms simple posible, luego siempre

podrs cambiar este ttulo.

5. Escribe el contenido como si de una publicacin se tratara.

6. Decide si vas a permitir comentarios o no en la pgina y usa las opciones que

tienes en el panel de la derecha del editor de pginas para configurar este

aspecto.

7. Publica la pgina y volvers al listado anterior

8. Haz clic en mostrar pginas cmo y selecciona Pestaas principales

9. Presiona el botn Guardar disposicin y visualiza tu blog


23

Cuando le damos a Pgina nueva nos aparecen opciones:

1. La pgina en blanco. Son las ms habituales, su contenido lo editas

directamente con el editor de Blogger.

2. Direccin web. No es ms que un enlace, bien a un recurso externo a tu blog

o bien un enlace interno, por ejemplo para mostrar las entradas filtradas por

una etiqueta.

Repite estos mismos pasos para seguir creado el resto de pginas en las que el

contenido depende de ti mismo. Blogger admite hasta 20 pginas.

Cmo crear una nueva pgina que muestre tus publicaciones agrupadas

por etiquetas

Imagina que quieres crear secciones bien diferenciadas a partir de las etiquetas que

pones en cada uno de tus artculos. Si estamos hablando de un blog de cocina,

seguramente te interesa una seccin de postres, otra de pastas, carnes, aves, etc.

En ese caso, solo tienes que:

1. Visualizar tu blog

2. Haz clic en una de esas etiquetas situadas al pie de una de tus entradas

3. Copiar la direccin de la pgina de la barra de direccin

4. Crear una nueva pgina, pero en lugar de una pgina en blanco como hicimos

anteriormente, seleccionamos la pgina tipo Direccin Web

5. Le ponemos un ttulo, equivalente a la etiqueta que has copiado

6. Pegamos la direccin web en la casilla correspondiente

7. Guardamos y visualizamos el blog.

Cmo seleccionar qu paginas mostrar en el men de navegacin

Puede darse el caso de crear una nueva pgina pero queremos que sta no se

muestre en el men de navegacin, por ejemplo una pgina de Privacidad, a la cual

se puede acceder desde otro enlace al pie del blog de manera ms discreta. En este

caso sigue estos pasos:

1. Ve a la pestaa Diseo

2. Haz clic en editar el Gadget de Pginas (situado en la parte superior del diseo

de tu blog)

3. Mediante la casilla de verificacin podemos decidir si la pgina forma parte del

men o no


24

4. Arrastra las pginas para establecer el orden en la que aparecen

5. Guarda, guarda disposicin y visualiza tu blog.

3.6. Cmo insertar presentaciones Una de las novedades relativamente recientes en la Web es la posibilidad de incluir

presentaciones del estilo Power Point en una pgina web. El lugar ms conocido

donde podemos cargar una presentacin es SlideShare o Dropbox, y donde adems

podemos utilizar cualquiera de las publicadas en esa web social. Cuando guardamos

all una presentacin, sta pierde las transiciones y otras animaciones que tenga,

pero se convierte en un objeto multimedia que podemos ver con toda comodidad

conectados a Internet. El procedimiento que se sigue es el de copiar el cdigo de la

presentacin en nuestro editor.

4. Herramientas tiles para el diseo de imgenes PicMonkey Una de las cosas que nos puede ser til a la hora de disear nuestro blog, es la

pgina http://www.picmonkey.com/ , en ella podemos editar y crear imgenes

que luego insertaremos en nuestro blog.

Aqu os paso un enlace de un blog dnde explican como se utiliza el PicMonkey y

vienen ejemplos de lo que podis hacer con l.

http://blog.picmonkey.com/2013/11/01/tutorial-make-place-cards-for-

your-fancy-dinner/, viene en ingls pero se entiende bien otra pgina con

ejemplos es esta

http://personalizaciondeblogs.blogspot.com.es/2013/04/guia-de-diseno-

picmonkey-gratuita.html

Creación y Diseño de Blogs en Blogger

Documents

Transcript of Creación y Diseño de Blogs en Blogger