SlideShare ist ein Scribd-Unternehmen logo
1 von 33
Downloaden Sie, um offline zu lesen
1
CÓMO CONFIGURAR NUESTRO BLOG
Lo primero que recomiendo es que se haga una buena configuración de opciones
y de diseño del blog. Estos cambios se suelen realizar el primer día y
excepcionalmente si queremos hacer algún cambio de configuración.
Los cambios en la configuración se pueden hacer desde la página siguiente:
hay que ir al apartado CONFIGURACIÓN
CONFIGURACIÓN:
A la vez, configuración se divide en varias secciones. Vamos a verlas una a una
y a destacar lo más interesante. Al estar en castellano y tener todos los puntos
“Ayudas”, no tendríamos ningún problema si lo fuéramos leyendo poco a poco y
configurándolo a la vez.
2
LO BÁSICO:
a) Título:
Desde aquí se puede cambiar el cualquier momento el título que hemos
puesto al blog.
b) Descripción:
Aquí podemos poner una descripción de no más de 500 caracteres explicando
el blog. No es obligatorio. Los datos esenciales u obligatorios ya nos lo han
pedido a la hora de crearlo.
c) Privacidad:
 ¿Quieres añadir tu blog a nuestras listas?: Si queremos que aparezca
en la lista de blog de Blogger.
 ¿Quieres permitir que los motores de búsqueda encuentren tu
blog?: Si quieres o no que aparezca en un programa de búsqueda como
puede ser Google. Si decimos que no, sólo llegarán a él a los que digamos
la dirección del blog o dirección URL: http://tutitulo.blogspot.com.es
3
d) Dirección del blog: Aquí cambiaremos la dirección de nuestro blog por otra,
si está disponible.
e) Autores del blog: Podemos crear un blog en el que publiquen nuestros
compañeros o alumnos. Nosotros seríamos los administradores del blog y
ellos serían los autores del blog.
1) Un administrador tiene acceso total al blog. Puede hacer cambios en
el diseño y la configuración; crear, editar y borrar cualquier entrada y
cualquier comentario.
2) Un autor no tiene acceso a la configuración. Puede crear, editar y
borrar sus entradas o los comentarios a sus entradas.
f) AÑADIR AUTORES
Puede que deseemos que más de una persona (amigos, familiares, alumnos,
compañeros de trabajo o de aficiones, etc.) pueda añadir entradas al mismo.
Esas personas podrán añadir entradas, pero, en principio, tendrán
restringidas las opciones de configuración del blog.
Para añadir autores a nuestro blog haremos clic en el enlace Configuración,
que se encuentra en el Escritorio.
Posteriormente haremos clic en añadir autores (Permisos).
En la nueva página podemos añadir a los usuarios que van a ser autores del
mismo (hasta un máximo de 100).
Para añadir autores sólo tenemos que hacer clic en AÑADIR AUTORES y
escribir las direcciones separadas de comas o cogerlas de nuestros contactos
de Gmail.
Podemos hacer que un autor sea administrador de nuestro blog.
g) Lectura del blog:
Aquí decimos quien puede ver y leer nuestro blog.
 Cualquiera: cualquiera puede acceder a nuestro blog. Siempre que tenga
la URL o dirección o la haya encontrado en un buscador si lo configuramos
así.
 Sólo a los usuarios que yo elija: sólo podrán leerlo los usuarios que yo
elija, pero antes tendrán que identificarse que son ellos. Es interesante
cuando queremos proteger el contenido de nuestro blog.
4
 Únicamente autores del blog: los autores serán los únicos que puedan ver
el contenido, previa identificación.
Un blog puede estar abierto o público y pasar a cerrado o privado con un solo
clic en estas opciones. Siempre hay que ir hasta abajo y dar a GUARDAR
CONFIGURACIÓN.
ENTRADAS Y COMENTARIOS:
 Mostrar un máximo de: Aquí indicaremos cuantas entradas por página
queremos mostrar.
 Plantilla de las entradas: Aquí indicaremos un texto si siempre que
vayamos a escribir en una entrada, lo usamos. No es muy usado.
 Mostrar imágenes con Lightbox: Es una forma de ver las imágenes.
Recomendable que sí.
5
 Ubicación de los comentarios: El lugar donde queremos que aparezca la
ventana de comentarios.
 ¿Quién puede comentar?: El más aconsejable es Cualquiera.
 Moderación de comentarios: Se especifica cuando se moderan los
comentarios. Si se habilita siempre aparece una ventana para poner un
correo y que Blogger te avise de que existe un comentario a moderar.
 Mostrar verificación de palabras:
o Recomendado NO, si moderas comentarios,
o Recomendado SI, cuando no los moderas.
 Mostrar Backlinks: Enlaces en los lugares que comparten esa entrada.
 Mensaje del formulario de comentarios: Si queremos dejar un texto que
lea quien vaya a hacer un comentario.
Hay que GUARDAR CONFIGURACIÓN (arriba a la derecha).
MÓVIL Y CORREO ELECTRÓNICO:
6
Publicar entradas mediante correo electrónico: Una de las opciones más
interesantes que tiene Blogger es que permite que personas que no tengan
acceso a la configuración de nuestro blog puedan publicar en él, con nuestro
permiso. Interesante opción si queremos hacer un blog colaborativo y que
distintas personas sean las que publiquen en él mandando un correo electrónico.
El proceso es el siguiente: Tenemos una dirección de correo incompleta que
nos pide rellenemos con una palabra secreta: xilefo58.secretWords@blogger.com
En mi caso utilizaré como palabra secreta “publicar”:
xilefo58.publicar@blogger.com
Esta dirección de correo se la facilitamos a las personas que queramos que
publiquen en nuestro blog y que no tienen acceso a él.
Esa persona tendrá que mandar un mail a esa dirección y el Asunto del mensaje
será el Título de la entrada. El Texto del mensaje será el Texto de la entrada. Y
el Adjunto que mande, por ejemplo una fotografía, será la fotografía que
aparecerá en la entrada. Sólo nos queda configurar si esa entrada se publicará:
 Inmediatamente.
 se guardará como borrador de entrada para que luego nosotros lo
aprobemos.
Correo para notificar los comentarios:
Podemos escribir hasta 10 direcciones de correo que recibirán un correo cada
vez que alguien deje un comentario en nuestro blog. Siempre hay que ir hasta
abajo y dar a GUARDAR CONFIGURACIÓN.
7
PUBLICAR DESDE EL TELÉFONO MÓVIL:
El primer paso es dar de alta el correo de nuestro teléfono móvil.
Se sigue el siguiente proceso:
8
IDIOMA Y FORMATO:
Idioma: Idioma del blog.
Habilitar transliteración: Dejar inhabilitada.
Zona horaria: No olvidar configurar en nuestra zona horaria.
Formato de cabecera de fecha: Forma en la que deseamos ver la fecha de las
entradas.
Formato de hora: Forma en la que deseamos ver la hora.
Formato de hora de los comentarios: Forma en la que deseamos ver la hora
de los comentarios.
Siempre hay que ir hasta abajo y dar a GUARDAR CONFIGURACIÓN.
9
PREFERENCIAS PARA LOS MOTORES DE BÚSQUEDA:
Recomiendo dejar todo como está.
OTROS: Recomiendo dejar todo como está.
10
Lo más interesante es:
Herramientas del blog: Desde aquí podemos importar otro blog al nuetro,
exportar el nuestro para instalarlo en otro sitio (también lo podemos hacer como
copia de seguridad) o eliminar el blog (no se elimina inmediatamente).
CÓMO CAMBIAR EL DISEÑO DE PLANTILLA DEL BLOG
Para cambiar el diseño del blog tenemos que ir a la pestaña PLANTILLA
En PLANTILLA podemos hacer cuatro cosas:
1) Seleccionar otra de las plantillas ya configuradas.
2) Editar el código HTML. Es decir editar nosotros el aspecto de esa plantilla,
si sabemos el lenguaje HTML o cargar una plantilla diseñada por expertos.
3) O utilizar el Diseñador de las propias plantillas de Blogger en
PERSONALIZAR.
4) O cambiar la apariencia de la versión de nuestro blog para móviles.
PERSONALIZAR:
Desde aquí podremos cambiar la PLANTILLA el FONDO, el DISEÑO, los
AJUSTES DE ANCHOy algunos ajustes AVANZADOS.
11
Plantilla:
Escogemos una plantilla y luego una subplantilla. Siempre podemos ver cómo va
quedando en la parte inferior. Para guardar, tenemos que dar a APLICAR
CAMBIOS
Podemos volver en cualquier momento al escritorio de Blogger con el botón
Volver a Blogger
FONDO
Escogemos una imagen de fondo para nuestro blog y la gama de colores que va
a tener.
12
Para seleccionar nuevos fondos o insertar el nuestro, tenemos que ir a la flecha
de la derecha de la imagen seleccionado en ese momento y se desplegará la
galería.
Siempre seleccionamos y Finalizamos
DISEÑO:
Aquí elegimos cual va a ser la apariencia del blog. Donde van a estar las
columna con los complementos o gadget y cómo va a ser el pie de página. Es
recomendable colocar la columna a la derecha, pues es donde suele ir la mano
de la mayoría de nuestros visitantes (hay más diestros que zurdos).
No olvidéis siempre APLICAR AL BLOG.
13
AJUSTE DE ANCHO:
Esta opción configura el ancho de la zona de entradas y de la columna o
columnas.
DISEÑO
AVANZADO:
En la opción avanzado podemos hacer ajustes más detallados de tipo de letra y
colores. Recordad que siempre los podemos previsualizar abajo. Una vez hecho
los cambios volvemos al escritorio con el botón
VOLVER A BLOGGER
14
CÓMO AGREGAR O QUITAR COMPLEMENTOS A
LA PÁGINA: LOS GADGETS
INSERTAR GADGETS PARA HACER MÁS ATRACTIVO NUESTRO BLOG
Para cambiar los elementos que componen un blog tenemos que ir a DISEÑO.
DISEÑO:
El último paso a la hora de configurar el diseño de nuestra página, es la opción
de elementos que queremos que aparezcan en nuestra página. Esos elementos
se llaman GADGET (herramientas) y los podemos añadir o eliminar desde la
opción DISEÑO /Diseño.
Pasos para insertar gadget en Blogger:
1º) Acceder al panel de Diseño.
2º) Selecciona el lugar (centrado o en la columna) en el que insertar el
gadget y haces clic en añadir gadget.
3º) Elegir un gadget de la venta emergente.
4º) Configurar los parámetros que nos permita el gadget .
15
En la ventana emergente tenemos las siguientes opciones:
 Lo básico
 Más gadgets
 Añadir tu propio
Los gadget que aparecen en una página
son muy personales son, los que más le
guste al autor del blog..
Yo os recomiendo los siguientes que son
esenciales en un blog:
 Imagen: una imagen que podrá ser
del autor o autores del blog, del
logotipo del blog, etc
 Cuadro de búsqueda:
Para poder encontrar rápidamente
cualquier entrada dentro del blog.
 Etiquetas:
Es importante que todas las entradas estén etiquetadas con un tema y que lo
podamos buscar rápidamente con el gadget de etiquetas. Blogger no permite
hacer subcategorías o subetiquetas (para eso es mejor Wordpress).
 Listado de enlaces:
Nos permite añadir enlaces a otros blog y web relacionados con el tema
tratado. Podemos agregar este gadget tantas veces queramos, para organizar
de esta forma los enlaces por grupos.
 Texto: para meter texto o frases.
 Páginas: para poder ver las páginas fijas de nuestro blog.
 HTML: el gadget que tendremos que usar si queremos insertar cualquier
herramienta que venga descrito o escrito con código HTML.
Para terminar decir que los gadget:
 Se pueden colocar en cualquiera de las secciones en lasque dice gadget y que
también se puede configurar el apartado Entradas
 Se pueden mover en cualquier momento con sólo coger y arrastrar.
16
17
18
EJEMPLO:
Dentro de la opción Lo básico vas a elegir el gadget “Texto”, que ocupa la 12ª
posición de la lista “Lo básico”.
Lo utilizarás para poner una bienvenida a tu blog en la que también explicarás
cual será su utilidad.
Al hacer clic en la imagen del gadget
elegido se abre la siguiente ventana:
En ella escribe un título, por ejemplo:
“Bienvenidos a mi blog” o
“BIENVENIDO AL BLOG DE CELIA Y
NOELIA”. Y un texto: “Este blog está
enfocado principalmente para
presentar a los lectores curiosidades
sobre el mundo de las mascotas”, o
también, “Este blog puede servir a
los lectores como bote salvavidas
cuando reciben invitados, quieren
cocinar para ellos y no saben como
hacerlo”
El resultado aparecerá así:
A continuación vas a añadir un gadget,
en este caso elegimos el gadget “Lista”
(posición 19ª de lo básico) , con el que
harás una lista de elementos que se
tratarán en el blog, por ejemplo una
lista con las diferentes categorías de
recetas de cocina:
19
Cada elemento de la lista lo podemos
editar, eliminar, ordenar dentro de la
lista, ponerle un enlace con una URL a
cada categoría.
El resultado es el siguiente: ----------
20
COMO MODERAR COMENTARIOS EN NUESTRO BLOG
Cuando accedamos a la pestaña COMENTARIOS, podremos ver los comentarios
Publicados, los que estén pendientes de moderación y los que son Spam.
En este panel podremos aprobar, o suprimir los comentarios de los visitantes del
blog.
CREACIÓN DE PÁGINAS EN EL BLOG
Las páginas son como las entradas, pero estas no se ordenan en orden
cronológico y no tienen etiquetas.
Se pueden realizar 10 páginas y se usan para poner contenido más estático en el
blog.
21
Se puede crear una página como una entrada, que explicaremos a continuación,
o crear una página que sea un enlace a otro sitio web. Luego sólo nos quedará
escoger dónde queremos que sean visibles las páginas.
Ya sólo nos quedará escoger dónde queremos que sean visibles las páginas:
CÓMO CREAR ENTRADAS EN EL BLOG
Esta es la sección más usada del blog. Todo lo que hemos hecho hasta ahora
consiste en configurar el blog o darle forma. Podemos cambiarlo en cualquier
momento, pero no estamos todo el día haciendo cambios en la configuración.
Lo que normalmente hacemos en un blog es: Crear entradas, editar entradas (si
nos hemos equivocado), y administrar los comentarios. Para hacer entradas hay
que ir a la sección ENTRADA NUEVA.
Los pasos a seguir siempre son los mismos:
1º) Poner título a la entrada.
2º) Poner un texto a la entrada. En muchas ocasiones se adjuntan imágenes
y en otras ocasiones se adjunta una aplicación externa que viene en
código HTML, por lo que lo tendremos que hacer desde la pestaña HTML.
3º) Poner etiquetas para agrupar el contenido del blog.
22
Si queremos podemos hacer una VISTA PREVIA, o GUARDAR (en
borrador)si aún no hemos terminado la entrada, o PUBLICAR directamente, si
ya la acabamos.
Publicar una entrada de texto:
Escribir una entrada de texto es tan sencillo como seguir los cuatro pasos que
hemos nombrado: poner título, texto, etiquetarlo y dar a PUBLICAR.
Hay unas opciones avanzadas para las entradas que las encontramos a la
derecha, debajo de Etiquetas.
Programar la
publicación:
A destacar de las opciones de la
derecha de esta pantalla es:
Programar: Esta opción nos
permite que la entrada se
publique automáticamente en ese
momento o que se publique en un
día y hora concreto.
Con esta opción si lo deseamos
podemos cambiar el orden de las
entradas ya publicadas o que una
entrada se publique en el momento que deseemos
Para que funcione bien esta opción es necesario que hayamos configurado bien
la hora del blog.
23
Publicar imágenes:
Si queremos publicar con nuestro texto una imagen, tenemos que hacer clic en
el “Icono Imagen”:
Insertar una imagen se puede hacer de varias formas:
 Subir: Subiríamos una imagen desde el ordenador.
 Desde este blog: Cuando se crea un blog de Blogger se crea una carpeta en
Picasa (herramienta de almacenamiento de Google), donde se almacenan
todas las imágenes subidas.
 Desde álbumes web de Picasa: Se pueden insertar imágenes que también
estén en otro de nuestros álbumes.
 Desde el móvil.
 Desde la webcam.
24
 Desde una URL: También podemos insertar una imagen si insertamos la URL
de una imagen que esté en internet. La dirección de una imagen que esté en
internet se consigue con el botón derecho “copiar URL de la imagen”.
Cómo insertar un hipervínculo a una página:
Es tan sencillo como seleccionar una palabra o una imagen, y hacer clic en
“Enlace”, donde escribiremos la dirección de hipervínculo. Indicamos si
queremos que nos abra en esa página en una ventana nueva y hacemos clic en
ACEPTAR.
25
Insertar aplicaciones 2.0 en nuestro blog:
Esta es de las funciones más interesantes y usadas en un blog:
Insertar vídeos, Presentaciones, Galerías de imágenes, Otras aplicaciones 2.0
que encontramos en internet
En todas estas aplicaciones podemos encontrar las palabras: INSERTAR,
EMBED o COLOCAR EN TU WEB O BLOG
Tenemos que coger el código que nos da la aplicación e insertarlo en la pestaña
Edición de HTML.
26
Ejemplo con Youtube:
1º) Vamos a COMPARTIR
2º) Luego a INSERTAR
3º) En TAMAÑO DE VÍDEO escogemos PESONALIZAR y ponemos el ancho de
nuestro blog.
4º) Una recomendación es desactivar la casilla MOSTRAR SUGERENCIAS … así
no nos podrá ningún vídeo no deseado al terminar.
5º) Por último, copiar el CÓDIGO HTML del vídeo.
Vamos a una entrada de nuestro blog, hacemos clic en la pestaña HTML de la
entrada y en su campo pegamos el código que hemos copiado. Hacemos clic en
publicar.
Cómo editar las entradas ya realizadas del blog
Tenemos que ir a la opción DISEÑO / ENTRADAS. En ella veremos las entradas
publicadas, las entradas aún no publicadas (que son borradores), las horas de
las entradas y ahí las podremos editar o suprimir
27
Sólo debemos hacer doble clic en el título de la entrada para poder editarla. Si
hacemos clic en el cuadro que hay a su izquierda podremos:
 Añadir nuevas etiquetas.
 Publicar.
 Cambiar a borrador.
 eliminar
28
Más sobre como insertar vídeos de Youtube
Youtube nos ofrece la posibilidad de sacar sus vídeos del portal e insertarlos
donde quieras. Blogs, foros, páginas personales o corporativas… en cualquier
sitio de la web puedes colocar un reproductor simplemente pegando cierto
código en la página o el post en cuestión.
Afinando un poco, podemos manipular una serie de parámetros del código
para ajustar al milímetro el aspecto y funciones del reproductor de
Youtube cuando compartes un vídeo, como:
 Cambiar los colores del borde.
 Ocultar automáticamente los controles o
 Habilitar la opción de pantalla completa.
Vamos a ver cómo usar estos parámetros y qué hacer con ellos.
Cómo se insertan los parámetros de Youtube
Para añadir un vídeo de Youtube en otra página web necesitas copiar
previamente su código, que está disponible en su página dentro del portal.
Pulsar Compartir, luego Insertar y copiar dicho código suele ser lo habitual,
aunque haciendo esto tendrás como resultado el reproductor por defecto.
29
Usar los parámetros de Youtube en este código es tan sencillo como adjuntar
cada parámetro al final de la URL del vídeo tantas veces como aparezca,
añadiendo el signo “igual” (=) y el valor que te convenga. Antes del primer
parámetro ha de haber un carácter de interrogación (?) y, entre los sucesivos,
un signo de conjunción (&).
El resultado para la URL es parecido a este:
http://www.youtube.com/v/VIDEO_ID?version=3&loop=1
Hay dos tipos de código para insertar un vídeo
en Youtube
 Tipo “IFRAME” , en HTML5 más limpio y personalizable.
 El tipo “object”, que es compatible con más páginas web y
navegadores.
Tipo “IFRAME”
Cuando accedéis a la página de un vídeo, pinchando en INSERTAR, el
servicio os ofrece un código basado en IFRAME (marco dónde se muestra el
contenido de otra página), similar a este para la siguente URL del video:
http://youtu.be/Udm7ZjMWMqA
<iframe width="560" height="315"src="http://www.youtube.com/embed/
Udm7ZjMWMqA?rel=0" frameborder="0" allowfullscreen>
</iframe>
Además de el código de identificación del vídeo (Udm7ZjMWMqA), variarán
las medidas de alto y ancho del IFRAME, según las originales de cada vídeo o
las que vosotros marquéis, pero lo demás es idéntico en todos los casos.
30
En este tipo de código, tras la dirección (SRC) del vídeo, se pueden insertar
algunas opciones con el símbolo ?, que en el caso del ejemplo consisten en
no mostrar los vídeos relacionados (?rel=0).
Pues bien, a partir de ahí podemos añadir otros parámetros, separados con
un &.
<iframe width="560" height="315"src="http://www.youtube.com/embed/
Udm7ZjMWMqA?rel=0&autoplay=1" frameborder="0" allowfullscreen>
</iframe>
 Tipo “OBJECT”
La forma de insertar los parámetros en el código antiguo, basado en
OBJECT (para embeber) es muy similar.
Tras pinchar en Insertar, entre otras opciones, podréis ver un poco más
abajo, una casilla de verificación con la leyenda "Utilizar código de
inserción anterior". Este código anterior es precisamente el que se usaba
hasta hace poco de manera única.
Cuando seleccionáis esa opción, aunque aparentemente no pase nada, el
cuadro de texto que contiene el código cambia y en su interior encontramos
un HTML basado en OBJECT, en lugar de IFRAME.
El código propuesto como ejemplo tiene esta estructura:
<object width="560" height="315">
<param name="movie"value="http://www.youtube.com/v/Udm7ZjMWMqA?version=3&amp;hl=
es_ES&amp;rel=0"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/Udm7ZjMWMqA?version=3&amp;hl=
es_ES&amp;rel=0" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always"
allowfullscreen="true">
</embed>
</object>
URL del video: http://youtu.be/Udm7ZjMWMqA
Comprobaréis que es mucho más largo que el otro, pero es precisamente porque
incluye parámetros y valores que permiten configurarlo.
31
Tras la dirección (SRC) del vídeo, se pueden insertar algunas opciones con el
símbolo ?, que en el caso del ejemplo consisten en no mostrar los vídeos
relacionados (?rel=0).
Pues bien, a partir de ahí podemos añadir otros parámetros, separados con un
&, y que para que sea correctamente interpretado en Blogger, añadimos con un
&amp;
EJEMPLOS DE MODIFICACIÓN DE PARÁMETROS DE YOUTUBE:
Gracias a los parámetros de inserción de Youtube puedes hacer infinidad de
cosas con el reproductor. A continuación te detallo algunos ejemplos de
parámetros: qué hacen, cuándo puedes usarlos y qué valores puedes darles.
1º) Reproducción automática
Si quieres conseguir que tu video se reproduzca de forma automática al cargar la
página, añade el parámetro &autoplay=1 a la dirección del video.
Aquí, hay que tener cuidado de hacerlo en los dos sitios dónde aparecen las
direcciones del vídeo. Es indiferente que se haga antes o después de otros
parámetros:
Las líneas del código que hay que cambiar serían las siguientes:
<paramname="movie"value="http://www.youtube.com/v/Udm7ZjMWMqA?version=3&
amp;hl= es_ES&amp;rel=0&amp;autoplay=1"></param>
<embed src="http://www.youtube.com/v/Udm7ZjMWMqA?version=3&amp;hl=
es_ES&amp;rel=0&amp;autoplay=1"
autoplay=0/1: si le das valor “1”, el reproductor iniciará el vídeo tan pronto
como se cargue dentro de la página, sin tener que pulsar Play.
2º) Mostrar el video con un borde de color
Si quieres formatear un poco el borde del video, puedes añadirle tres parámetros
a la dirección del video:
1) &border=1 para el borde
2) Color1=cero, x, y el código del primer color en formato hexadecimal
3) Color2=con cero, x, y el código del segundo color en formato hexadecimal.
Las líneas del código que hay que cambiar serían lan siguientes:
32
<param name="movie"value="http://www.youtube.com/v/Udm7ZjMWMqA?version=3&amp;hl=
es_ES&amp;rel=0&border=1&color1=0xffffff&color2=0×000000"></param>
<embed src="http://www.youtube.com/v/Udm7ZjMWMqA?version=3&amp;hl=
es_ES&amp;rel=0&border=1&color1=0xffffff&color2=0×000000"
Si el valor de Border es "1", el vídeo se muestra con un marco cuyos colores
también puedes personalizar con los parámetros "color1" y "color2", cuyos
valores has de introducir con valor hexadecimal (ejemplo: color2=2FA4D1)
3º) No reproducir desde el principio
No gastes el tiempo de tus lectores, empieza con la reproducción de tu video en
el momento interesante. Si lo interesante para tus lectores viene después de un
minuto treinta, puedes empezar con la reproducción de tu video justo en el
momento 01:30 (90 segundos) sin problemas:
<embed src="http://www.youtube.com/v/Udm7ZjMWMqA?version=3&amp;hl=
es_ES&amp;rel=0&start=90"
&start=x: El valor x puede ser cualquier número positivo y define, en segundos,
el punto de vídeo a partir del cual se iniciará la reproducción..
4º)Quitar los videos relacionados y la barra de
búsqueda
Hay dos cosas molestan mucho al integrar videos de YouTube en un blog:
1) La barra de búsqueda que se muestra en los videos al mover el ratón por
encima del video.
2) Los videos relacionados que salen al final después de reproducir un video.
Menos mal que se pueden quitar ambas cosas:
<embed src="http://www.youtube.com/v/Udm7ZjMWMqA?version=3&amp;hl=
es_ES&amp;&rel=0"
5º) &rel=0/1: muestra o no los vídeos relacionados durante la reproducción
del vídeo insertado.
6º) &autohide=0/1/2: define si la barra de progreso y controles se ven
durante la reproducción, o si se oculta uno o los dos elementos pasados
unos segundos
33
7º) &modestbranding: el valor “1” oculta el logotipo de Youtube en
el reproductor. Es válido para las versiones modernas o con código tipo
“iframe”.
8º) version: si aparece y el valor es “3”, muestra el reproductor de Youtube
moderno, que acepta otros parámetros como “modestbranding”.
9º) &loop=0/1: si su valor es “1”, el vídeo se reproduce una y otra vez.
10º) cc_load_policy: si aparece con valor “1”, el vídeo mostrará
subtítulos siempre que su autor los haya incluido.
11º) &showinfo=0/1: si su valor es “0”, al insertar el vídeo no aparecerá
la información en la parte superior, como el título y autor del vídeo.
Estos son sólo algunos de los parámetros que puedes usar al insertar un vídeo
de Youtube. Si quieres conocer el resto, te recomiendo visitar la página
dedicada dentro de Youtube en español o bien la página en inglés, que incluye
algunos más recientes.

Weitere ähnliche Inhalte

Was ist angesagt?

Como publicar en blogger
Como publicar en bloggerComo publicar en blogger
Como publicar en blogger
verarex
 
2 el post elementos principales
2 el post elementos principales2 el post elementos principales
2 el post elementos principales
Maru D. B.
 
5 entrada con-imagen-texto-e-hipervinculo-1222453345896380-8
5 entrada con-imagen-texto-e-hipervinculo-1222453345896380-85 entrada con-imagen-texto-e-hipervinculo-1222453345896380-8
5 entrada con-imagen-texto-e-hipervinculo-1222453345896380-8
Gabriela Vazquez
 
Introducción a la creación de un blog en blogger
Introducción a la creación de un blog en bloggerIntroducción a la creación de un blog en blogger
Introducción a la creación de un blog en blogger
José Ferrer
 
MANUAL DE USO DEL WORDPRESS
MANUAL DE USO DEL WORDPRESS MANUAL DE USO DEL WORDPRESS
MANUAL DE USO DEL WORDPRESS
lesliecarpio
 
Presentación cómo crear un blog
Presentación cómo crear un blogPresentación cómo crear un blog
Presentación cómo crear un blog
alerioboo
 

Was ist angesagt? (18)

Como publicar en blogger
Como publicar en bloggerComo publicar en blogger
Como publicar en blogger
 
Entradas en blogs
Entradas en blogsEntradas en blogs
Entradas en blogs
 
Blogger
BloggerBlogger
Blogger
 
2 el post elementos principales
2 el post elementos principales2 el post elementos principales
2 el post elementos principales
 
Manual Tumblr
Manual TumblrManual Tumblr
Manual Tumblr
 
5 entrada con-imagen-texto-e-hipervinculo-1222453345896380-8
5 entrada con-imagen-texto-e-hipervinculo-1222453345896380-85 entrada con-imagen-texto-e-hipervinculo-1222453345896380-8
5 entrada con-imagen-texto-e-hipervinculo-1222453345896380-8
 
Guía de Introducción a Blogger
Guía de Introducción a BloggerGuía de Introducción a Blogger
Guía de Introducción a Blogger
 
Sencillo manual de wordpress.com
Sencillo manual de wordpress.comSencillo manual de wordpress.com
Sencillo manual de wordpress.com
 
Tutorial Blogger
Tutorial BloggerTutorial Blogger
Tutorial Blogger
 
BLOGGER
BLOGGERBLOGGER
BLOGGER
 
Introducción a la creación de un blog en blogger
Introducción a la creación de un blog en bloggerIntroducción a la creación de un blog en blogger
Introducción a la creación de un blog en blogger
 
Como crear un Blog
Como crear un BlogComo crear un Blog
Como crear un Blog
 
MANUAL DE USO DEL WORDPRESS
MANUAL DE USO DEL WORDPRESS MANUAL DE USO DEL WORDPRESS
MANUAL DE USO DEL WORDPRESS
 
COMO CREAR UN BLOG
COMO CREAR UN BLOG COMO CREAR UN BLOG
COMO CREAR UN BLOG
 
Práctica: Crea un blog v2
Práctica:  Crea un blog v2Práctica:  Crea un blog v2
Práctica: Crea un blog v2
 
Blog
BlogBlog
Blog
 
Presentación cómo crear un blog
Presentación cómo crear un blogPresentación cómo crear un blog
Presentación cómo crear un blog
 
Blogs
BlogsBlogs
Blogs
 

Andere mochten auch (9)

Práctica 1
Práctica 1Práctica 1
Práctica 1
 
Orientación y TIC_Equipo Orientación Liceo Castilla
Orientación y TIC_Equipo Orientación Liceo CastillaOrientación y TIC_Equipo Orientación Liceo Castilla
Orientación y TIC_Equipo Orientación Liceo Castilla
 
Power point
Power pointPower point
Power point
 
Pasos para crear un blog
Pasos para crear un blogPasos para crear un blog
Pasos para crear un blog
 
Blog II formación febrero
Blog II formación febreroBlog II formación febrero
Blog II formación febrero
 
Sesión 2 práctica 2
Sesión 2 práctica 2Sesión 2 práctica 2
Sesión 2 práctica 2
 
Sistemas blog
Sistemas blogSistemas blog
Sistemas blog
 
06 creacion de un blog con blogger
06 creacion de un blog con blogger06 creacion de un blog con blogger
06 creacion de un blog con blogger
 
Diseñando un espacio docente con blogger
Diseñando un espacio docente con bloggerDiseñando un espacio docente con blogger
Diseñando un espacio docente con blogger
 

Ähnlich wie Configurar el blog i (20)

Crear un blog con blogger
Crear un blog con bloggerCrear un blog con blogger
Crear un blog con blogger
 
Crear un blog con blogger
Crear un blog con bloggerCrear un blog con blogger
Crear un blog con blogger
 
Crear un blog con blogger
Crear un blog con bloggerCrear un blog con blogger
Crear un blog con blogger
 
Exposicion blogger
Exposicion bloggerExposicion blogger
Exposicion blogger
 
Clase 2 configurar blog con blogger
Clase 2 configurar blog con bloggerClase 2 configurar blog con blogger
Clase 2 configurar blog con blogger
 
Tutorial blogger
Tutorial bloggerTutorial blogger
Tutorial blogger
 
Creacion de un Blog
Creacion de un BlogCreacion de un Blog
Creacion de un Blog
 
Creacion de un Blog
Creacion de un BlogCreacion de un Blog
Creacion de un Blog
 
Diseño y configuración del blog (cinco)
Diseño y configuración del blog (cinco)Diseño y configuración del blog (cinco)
Diseño y configuración del blog (cinco)
 
Administrar blogger
Administrar bloggerAdministrar blogger
Administrar blogger
 
Que es blogger
Que es bloggerQue es blogger
Que es blogger
 
Blog
Blog Blog
Blog
 
Tutorial Blogger
Tutorial Blogger Tutorial Blogger
Tutorial Blogger
 
Tutorial blogger
Tutorial bloggerTutorial blogger
Tutorial blogger
 
Tutorial blogger
Tutorial bloggerTutorial blogger
Tutorial blogger
 
Mapa conceptual de blogger
Mapa conceptual de bloggerMapa conceptual de blogger
Mapa conceptual de blogger
 
Cómo crear un Blog (..)
Cómo crear un Blog (..)Cómo crear un Blog (..)
Cómo crear un Blog (..)
 
Tutorial blogger
Tutorial bloggerTutorial blogger
Tutorial blogger
 
Tutorial blogger
Tutorial bloggerTutorial blogger
Tutorial blogger
 
Cap3
Cap3Cap3
Cap3
 

Mehr von xilefo56

Crear un blog con blogger i.
Crear un blog con blogger i.Crear un blog con blogger i.
Crear un blog con blogger i.
xilefo56
 
Configurar el blog i
Configurar el blog iConfigurar el blog i
Configurar el blog i
xilefo56
 
Subir documentos a sites google
Subir documentos a sites googleSubir documentos a sites google
Subir documentos a sites google
xilefo56
 
Cómo subir presentaciones o pd fs a slideshare
Cómo subir presentaciones o pd fs a slideshareCómo subir presentaciones o pd fs a slideshare
Cómo subir presentaciones o pd fs a slideshare
xilefo56
 
Subir presentaciones-o-pdf-a-slideshare-1194899167833901-2
Subir presentaciones-o-pdf-a-slideshare-1194899167833901-2Subir presentaciones-o-pdf-a-slideshare-1194899167833901-2
Subir presentaciones-o-pdf-a-slideshare-1194899167833901-2
xilefo56
 
Codigos html favicon
Codigos html faviconCodigos html favicon
Codigos html favicon
xilefo56
 
Presentaciones en zoho show
Presentaciones en zoho showPresentaciones en zoho show
Presentaciones en zoho show
xilefo56
 
Recopilatorio de los_mejores_sitios_web_con_gadgets_y_widgets_gratis
Recopilatorio de los_mejores_sitios_web_con_gadgets_y_widgets_gratisRecopilatorio de los_mejores_sitios_web_con_gadgets_y_widgets_gratis
Recopilatorio de los_mejores_sitios_web_con_gadgets_y_widgets_gratis
xilefo56
 
Recopilatorio de los_mejores_sitios_web_con_gadgets_y_widgets_gratis
Recopilatorio de los_mejores_sitios_web_con_gadgets_y_widgets_gratisRecopilatorio de los_mejores_sitios_web_con_gadgets_y_widgets_gratis
Recopilatorio de los_mejores_sitios_web_con_gadgets_y_widgets_gratis
xilefo56
 
Dolor delparto
Dolor delpartoDolor delparto
Dolor delparto
xilefo56
 
Crear un blog con blogger i
Crear un blog con blogger iCrear un blog con blogger i
Crear un blog con blogger i
xilefo56
 
Configurar el blog i
Configurar el blog iConfigurar el blog i
Configurar el blog i
xilefo56
 
Recopilatorio de gadgets
Recopilatorio de gadgetsRecopilatorio de gadgets
Recopilatorio de gadgets
xilefo56
 
Subir documentos a sites google
Subir documentos a sites googleSubir documentos a sites google
Subir documentos a sites google
xilefo56
 
Adivina 101125133519-phpapp01
Adivina 101125133519-phpapp01Adivina 101125133519-phpapp01
Adivina 101125133519-phpapp01
xilefo56
 
Dolor delparto
Dolor delpartoDolor delparto
Dolor delparto
xilefo56
 
Dolor delparto
Dolor delpartoDolor delparto
Dolor delparto
xilefo56
 
Adivina 101125133519-phpapp01
Adivina 101125133519-phpapp01Adivina 101125133519-phpapp01
Adivina 101125133519-phpapp01
xilefo56
 
Dolor delparto
Dolor delpartoDolor delparto
Dolor delparto
xilefo56
 

Mehr von xilefo56 (20)

Crear un blog con blogger i.
Crear un blog con blogger i.Crear un blog con blogger i.
Crear un blog con blogger i.
 
Configurar el blog i
Configurar el blog iConfigurar el blog i
Configurar el blog i
 
Subir documentos a sites google
Subir documentos a sites googleSubir documentos a sites google
Subir documentos a sites google
 
Cómo subir presentaciones o pd fs a slideshare
Cómo subir presentaciones o pd fs a slideshareCómo subir presentaciones o pd fs a slideshare
Cómo subir presentaciones o pd fs a slideshare
 
Subir presentaciones-o-pdf-a-slideshare-1194899167833901-2
Subir presentaciones-o-pdf-a-slideshare-1194899167833901-2Subir presentaciones-o-pdf-a-slideshare-1194899167833901-2
Subir presentaciones-o-pdf-a-slideshare-1194899167833901-2
 
Codigos html favicon
Codigos html faviconCodigos html favicon
Codigos html favicon
 
Presentaciones en zoho show
Presentaciones en zoho showPresentaciones en zoho show
Presentaciones en zoho show
 
Africa
AfricaAfrica
Africa
 
Recopilatorio de los_mejores_sitios_web_con_gadgets_y_widgets_gratis
Recopilatorio de los_mejores_sitios_web_con_gadgets_y_widgets_gratisRecopilatorio de los_mejores_sitios_web_con_gadgets_y_widgets_gratis
Recopilatorio de los_mejores_sitios_web_con_gadgets_y_widgets_gratis
 
Recopilatorio de los_mejores_sitios_web_con_gadgets_y_widgets_gratis
Recopilatorio de los_mejores_sitios_web_con_gadgets_y_widgets_gratisRecopilatorio de los_mejores_sitios_web_con_gadgets_y_widgets_gratis
Recopilatorio de los_mejores_sitios_web_con_gadgets_y_widgets_gratis
 
Dolor delparto
Dolor delpartoDolor delparto
Dolor delparto
 
Crear un blog con blogger i
Crear un blog con blogger iCrear un blog con blogger i
Crear un blog con blogger i
 
Configurar el blog i
Configurar el blog iConfigurar el blog i
Configurar el blog i
 
Recopilatorio de gadgets
Recopilatorio de gadgetsRecopilatorio de gadgets
Recopilatorio de gadgets
 
Subir documentos a sites google
Subir documentos a sites googleSubir documentos a sites google
Subir documentos a sites google
 
Adivina 101125133519-phpapp01
Adivina 101125133519-phpapp01Adivina 101125133519-phpapp01
Adivina 101125133519-phpapp01
 
Dolor delparto
Dolor delpartoDolor delparto
Dolor delparto
 
Dolor delparto
Dolor delpartoDolor delparto
Dolor delparto
 
Adivina 101125133519-phpapp01
Adivina 101125133519-phpapp01Adivina 101125133519-phpapp01
Adivina 101125133519-phpapp01
 
Dolor delparto
Dolor delpartoDolor delparto
Dolor delparto
 

Configurar el blog i

  • 1. 1 CÓMO CONFIGURAR NUESTRO BLOG Lo primero que recomiendo es que se haga una buena configuración de opciones y de diseño del blog. Estos cambios se suelen realizar el primer día y excepcionalmente si queremos hacer algún cambio de configuración. Los cambios en la configuración se pueden hacer desde la página siguiente: hay que ir al apartado CONFIGURACIÓN CONFIGURACIÓN: A la vez, configuración se divide en varias secciones. Vamos a verlas una a una y a destacar lo más interesante. Al estar en castellano y tener todos los puntos “Ayudas”, no tendríamos ningún problema si lo fuéramos leyendo poco a poco y configurándolo a la vez.
  • 2. 2 LO BÁSICO: a) Título: Desde aquí se puede cambiar el cualquier momento el título que hemos puesto al blog. b) Descripción: Aquí podemos poner una descripción de no más de 500 caracteres explicando el blog. No es obligatorio. Los datos esenciales u obligatorios ya nos lo han pedido a la hora de crearlo. c) Privacidad:  ¿Quieres añadir tu blog a nuestras listas?: Si queremos que aparezca en la lista de blog de Blogger.  ¿Quieres permitir que los motores de búsqueda encuentren tu blog?: Si quieres o no que aparezca en un programa de búsqueda como puede ser Google. Si decimos que no, sólo llegarán a él a los que digamos la dirección del blog o dirección URL: http://tutitulo.blogspot.com.es
  • 3. 3 d) Dirección del blog: Aquí cambiaremos la dirección de nuestro blog por otra, si está disponible. e) Autores del blog: Podemos crear un blog en el que publiquen nuestros compañeros o alumnos. Nosotros seríamos los administradores del blog y ellos serían los autores del blog. 1) Un administrador tiene acceso total al blog. Puede hacer cambios en el diseño y la configuración; crear, editar y borrar cualquier entrada y cualquier comentario. 2) Un autor no tiene acceso a la configuración. Puede crear, editar y borrar sus entradas o los comentarios a sus entradas. f) AÑADIR AUTORES Puede que deseemos que más de una persona (amigos, familiares, alumnos, compañeros de trabajo o de aficiones, etc.) pueda añadir entradas al mismo. Esas personas podrán añadir entradas, pero, en principio, tendrán restringidas las opciones de configuración del blog. Para añadir autores a nuestro blog haremos clic en el enlace Configuración, que se encuentra en el Escritorio. Posteriormente haremos clic en añadir autores (Permisos). En la nueva página podemos añadir a los usuarios que van a ser autores del mismo (hasta un máximo de 100). Para añadir autores sólo tenemos que hacer clic en AÑADIR AUTORES y escribir las direcciones separadas de comas o cogerlas de nuestros contactos de Gmail. Podemos hacer que un autor sea administrador de nuestro blog. g) Lectura del blog: Aquí decimos quien puede ver y leer nuestro blog.  Cualquiera: cualquiera puede acceder a nuestro blog. Siempre que tenga la URL o dirección o la haya encontrado en un buscador si lo configuramos así.  Sólo a los usuarios que yo elija: sólo podrán leerlo los usuarios que yo elija, pero antes tendrán que identificarse que son ellos. Es interesante cuando queremos proteger el contenido de nuestro blog.
  • 4. 4  Únicamente autores del blog: los autores serán los únicos que puedan ver el contenido, previa identificación. Un blog puede estar abierto o público y pasar a cerrado o privado con un solo clic en estas opciones. Siempre hay que ir hasta abajo y dar a GUARDAR CONFIGURACIÓN. ENTRADAS Y COMENTARIOS:  Mostrar un máximo de: Aquí indicaremos cuantas entradas por página queremos mostrar.  Plantilla de las entradas: Aquí indicaremos un texto si siempre que vayamos a escribir en una entrada, lo usamos. No es muy usado.  Mostrar imágenes con Lightbox: Es una forma de ver las imágenes. Recomendable que sí.
  • 5. 5  Ubicación de los comentarios: El lugar donde queremos que aparezca la ventana de comentarios.  ¿Quién puede comentar?: El más aconsejable es Cualquiera.  Moderación de comentarios: Se especifica cuando se moderan los comentarios. Si se habilita siempre aparece una ventana para poner un correo y que Blogger te avise de que existe un comentario a moderar.  Mostrar verificación de palabras: o Recomendado NO, si moderas comentarios, o Recomendado SI, cuando no los moderas.  Mostrar Backlinks: Enlaces en los lugares que comparten esa entrada.  Mensaje del formulario de comentarios: Si queremos dejar un texto que lea quien vaya a hacer un comentario. Hay que GUARDAR CONFIGURACIÓN (arriba a la derecha). MÓVIL Y CORREO ELECTRÓNICO:
  • 6. 6 Publicar entradas mediante correo electrónico: Una de las opciones más interesantes que tiene Blogger es que permite que personas que no tengan acceso a la configuración de nuestro blog puedan publicar en él, con nuestro permiso. Interesante opción si queremos hacer un blog colaborativo y que distintas personas sean las que publiquen en él mandando un correo electrónico. El proceso es el siguiente: Tenemos una dirección de correo incompleta que nos pide rellenemos con una palabra secreta: xilefo58.secretWords@blogger.com En mi caso utilizaré como palabra secreta “publicar”: xilefo58.publicar@blogger.com Esta dirección de correo se la facilitamos a las personas que queramos que publiquen en nuestro blog y que no tienen acceso a él. Esa persona tendrá que mandar un mail a esa dirección y el Asunto del mensaje será el Título de la entrada. El Texto del mensaje será el Texto de la entrada. Y el Adjunto que mande, por ejemplo una fotografía, será la fotografía que aparecerá en la entrada. Sólo nos queda configurar si esa entrada se publicará:  Inmediatamente.  se guardará como borrador de entrada para que luego nosotros lo aprobemos. Correo para notificar los comentarios: Podemos escribir hasta 10 direcciones de correo que recibirán un correo cada vez que alguien deje un comentario en nuestro blog. Siempre hay que ir hasta abajo y dar a GUARDAR CONFIGURACIÓN.
  • 7. 7 PUBLICAR DESDE EL TELÉFONO MÓVIL: El primer paso es dar de alta el correo de nuestro teléfono móvil. Se sigue el siguiente proceso:
  • 8. 8 IDIOMA Y FORMATO: Idioma: Idioma del blog. Habilitar transliteración: Dejar inhabilitada. Zona horaria: No olvidar configurar en nuestra zona horaria. Formato de cabecera de fecha: Forma en la que deseamos ver la fecha de las entradas. Formato de hora: Forma en la que deseamos ver la hora. Formato de hora de los comentarios: Forma en la que deseamos ver la hora de los comentarios. Siempre hay que ir hasta abajo y dar a GUARDAR CONFIGURACIÓN.
  • 9. 9 PREFERENCIAS PARA LOS MOTORES DE BÚSQUEDA: Recomiendo dejar todo como está. OTROS: Recomiendo dejar todo como está.
  • 10. 10 Lo más interesante es: Herramientas del blog: Desde aquí podemos importar otro blog al nuetro, exportar el nuestro para instalarlo en otro sitio (también lo podemos hacer como copia de seguridad) o eliminar el blog (no se elimina inmediatamente). CÓMO CAMBIAR EL DISEÑO DE PLANTILLA DEL BLOG Para cambiar el diseño del blog tenemos que ir a la pestaña PLANTILLA En PLANTILLA podemos hacer cuatro cosas: 1) Seleccionar otra de las plantillas ya configuradas. 2) Editar el código HTML. Es decir editar nosotros el aspecto de esa plantilla, si sabemos el lenguaje HTML o cargar una plantilla diseñada por expertos. 3) O utilizar el Diseñador de las propias plantillas de Blogger en PERSONALIZAR. 4) O cambiar la apariencia de la versión de nuestro blog para móviles. PERSONALIZAR: Desde aquí podremos cambiar la PLANTILLA el FONDO, el DISEÑO, los AJUSTES DE ANCHOy algunos ajustes AVANZADOS.
  • 11. 11 Plantilla: Escogemos una plantilla y luego una subplantilla. Siempre podemos ver cómo va quedando en la parte inferior. Para guardar, tenemos que dar a APLICAR CAMBIOS Podemos volver en cualquier momento al escritorio de Blogger con el botón Volver a Blogger FONDO Escogemos una imagen de fondo para nuestro blog y la gama de colores que va a tener.
  • 12. 12 Para seleccionar nuevos fondos o insertar el nuestro, tenemos que ir a la flecha de la derecha de la imagen seleccionado en ese momento y se desplegará la galería. Siempre seleccionamos y Finalizamos DISEÑO: Aquí elegimos cual va a ser la apariencia del blog. Donde van a estar las columna con los complementos o gadget y cómo va a ser el pie de página. Es recomendable colocar la columna a la derecha, pues es donde suele ir la mano de la mayoría de nuestros visitantes (hay más diestros que zurdos). No olvidéis siempre APLICAR AL BLOG.
  • 13. 13 AJUSTE DE ANCHO: Esta opción configura el ancho de la zona de entradas y de la columna o columnas. DISEÑO AVANZADO: En la opción avanzado podemos hacer ajustes más detallados de tipo de letra y colores. Recordad que siempre los podemos previsualizar abajo. Una vez hecho los cambios volvemos al escritorio con el botón VOLVER A BLOGGER
  • 14. 14 CÓMO AGREGAR O QUITAR COMPLEMENTOS A LA PÁGINA: LOS GADGETS INSERTAR GADGETS PARA HACER MÁS ATRACTIVO NUESTRO BLOG Para cambiar los elementos que componen un blog tenemos que ir a DISEÑO. DISEÑO: El último paso a la hora de configurar el diseño de nuestra página, es la opción de elementos que queremos que aparezcan en nuestra página. Esos elementos se llaman GADGET (herramientas) y los podemos añadir o eliminar desde la opción DISEÑO /Diseño. Pasos para insertar gadget en Blogger: 1º) Acceder al panel de Diseño. 2º) Selecciona el lugar (centrado o en la columna) en el que insertar el gadget y haces clic en añadir gadget. 3º) Elegir un gadget de la venta emergente. 4º) Configurar los parámetros que nos permita el gadget .
  • 15. 15 En la ventana emergente tenemos las siguientes opciones:  Lo básico  Más gadgets  Añadir tu propio Los gadget que aparecen en una página son muy personales son, los que más le guste al autor del blog.. Yo os recomiendo los siguientes que son esenciales en un blog:  Imagen: una imagen que podrá ser del autor o autores del blog, del logotipo del blog, etc  Cuadro de búsqueda: Para poder encontrar rápidamente cualquier entrada dentro del blog.  Etiquetas: Es importante que todas las entradas estén etiquetadas con un tema y que lo podamos buscar rápidamente con el gadget de etiquetas. Blogger no permite hacer subcategorías o subetiquetas (para eso es mejor Wordpress).  Listado de enlaces: Nos permite añadir enlaces a otros blog y web relacionados con el tema tratado. Podemos agregar este gadget tantas veces queramos, para organizar de esta forma los enlaces por grupos.  Texto: para meter texto o frases.  Páginas: para poder ver las páginas fijas de nuestro blog.  HTML: el gadget que tendremos que usar si queremos insertar cualquier herramienta que venga descrito o escrito con código HTML. Para terminar decir que los gadget:  Se pueden colocar en cualquiera de las secciones en lasque dice gadget y que también se puede configurar el apartado Entradas  Se pueden mover en cualquier momento con sólo coger y arrastrar.
  • 16. 16
  • 17. 17
  • 18. 18 EJEMPLO: Dentro de la opción Lo básico vas a elegir el gadget “Texto”, que ocupa la 12ª posición de la lista “Lo básico”. Lo utilizarás para poner una bienvenida a tu blog en la que también explicarás cual será su utilidad. Al hacer clic en la imagen del gadget elegido se abre la siguiente ventana: En ella escribe un título, por ejemplo: “Bienvenidos a mi blog” o “BIENVENIDO AL BLOG DE CELIA Y NOELIA”. Y un texto: “Este blog está enfocado principalmente para presentar a los lectores curiosidades sobre el mundo de las mascotas”, o también, “Este blog puede servir a los lectores como bote salvavidas cuando reciben invitados, quieren cocinar para ellos y no saben como hacerlo” El resultado aparecerá así: A continuación vas a añadir un gadget, en este caso elegimos el gadget “Lista” (posición 19ª de lo básico) , con el que harás una lista de elementos que se tratarán en el blog, por ejemplo una lista con las diferentes categorías de recetas de cocina:
  • 19. 19 Cada elemento de la lista lo podemos editar, eliminar, ordenar dentro de la lista, ponerle un enlace con una URL a cada categoría. El resultado es el siguiente: ----------
  • 20. 20 COMO MODERAR COMENTARIOS EN NUESTRO BLOG Cuando accedamos a la pestaña COMENTARIOS, podremos ver los comentarios Publicados, los que estén pendientes de moderación y los que son Spam. En este panel podremos aprobar, o suprimir los comentarios de los visitantes del blog. CREACIÓN DE PÁGINAS EN EL BLOG Las páginas son como las entradas, pero estas no se ordenan en orden cronológico y no tienen etiquetas. Se pueden realizar 10 páginas y se usan para poner contenido más estático en el blog.
  • 21. 21 Se puede crear una página como una entrada, que explicaremos a continuación, o crear una página que sea un enlace a otro sitio web. Luego sólo nos quedará escoger dónde queremos que sean visibles las páginas. Ya sólo nos quedará escoger dónde queremos que sean visibles las páginas: CÓMO CREAR ENTRADAS EN EL BLOG Esta es la sección más usada del blog. Todo lo que hemos hecho hasta ahora consiste en configurar el blog o darle forma. Podemos cambiarlo en cualquier momento, pero no estamos todo el día haciendo cambios en la configuración. Lo que normalmente hacemos en un blog es: Crear entradas, editar entradas (si nos hemos equivocado), y administrar los comentarios. Para hacer entradas hay que ir a la sección ENTRADA NUEVA. Los pasos a seguir siempre son los mismos: 1º) Poner título a la entrada. 2º) Poner un texto a la entrada. En muchas ocasiones se adjuntan imágenes y en otras ocasiones se adjunta una aplicación externa que viene en código HTML, por lo que lo tendremos que hacer desde la pestaña HTML. 3º) Poner etiquetas para agrupar el contenido del blog.
  • 22. 22 Si queremos podemos hacer una VISTA PREVIA, o GUARDAR (en borrador)si aún no hemos terminado la entrada, o PUBLICAR directamente, si ya la acabamos. Publicar una entrada de texto: Escribir una entrada de texto es tan sencillo como seguir los cuatro pasos que hemos nombrado: poner título, texto, etiquetarlo y dar a PUBLICAR. Hay unas opciones avanzadas para las entradas que las encontramos a la derecha, debajo de Etiquetas. Programar la publicación: A destacar de las opciones de la derecha de esta pantalla es: Programar: Esta opción nos permite que la entrada se publique automáticamente en ese momento o que se publique en un día y hora concreto. Con esta opción si lo deseamos podemos cambiar el orden de las entradas ya publicadas o que una entrada se publique en el momento que deseemos Para que funcione bien esta opción es necesario que hayamos configurado bien la hora del blog.
  • 23. 23 Publicar imágenes: Si queremos publicar con nuestro texto una imagen, tenemos que hacer clic en el “Icono Imagen”: Insertar una imagen se puede hacer de varias formas:  Subir: Subiríamos una imagen desde el ordenador.  Desde este blog: Cuando se crea un blog de Blogger se crea una carpeta en Picasa (herramienta de almacenamiento de Google), donde se almacenan todas las imágenes subidas.  Desde álbumes web de Picasa: Se pueden insertar imágenes que también estén en otro de nuestros álbumes.  Desde el móvil.  Desde la webcam.
  • 24. 24  Desde una URL: También podemos insertar una imagen si insertamos la URL de una imagen que esté en internet. La dirección de una imagen que esté en internet se consigue con el botón derecho “copiar URL de la imagen”. Cómo insertar un hipervínculo a una página: Es tan sencillo como seleccionar una palabra o una imagen, y hacer clic en “Enlace”, donde escribiremos la dirección de hipervínculo. Indicamos si queremos que nos abra en esa página en una ventana nueva y hacemos clic en ACEPTAR.
  • 25. 25 Insertar aplicaciones 2.0 en nuestro blog: Esta es de las funciones más interesantes y usadas en un blog: Insertar vídeos, Presentaciones, Galerías de imágenes, Otras aplicaciones 2.0 que encontramos en internet En todas estas aplicaciones podemos encontrar las palabras: INSERTAR, EMBED o COLOCAR EN TU WEB O BLOG Tenemos que coger el código que nos da la aplicación e insertarlo en la pestaña Edición de HTML.
  • 26. 26 Ejemplo con Youtube: 1º) Vamos a COMPARTIR 2º) Luego a INSERTAR 3º) En TAMAÑO DE VÍDEO escogemos PESONALIZAR y ponemos el ancho de nuestro blog. 4º) Una recomendación es desactivar la casilla MOSTRAR SUGERENCIAS … así no nos podrá ningún vídeo no deseado al terminar. 5º) Por último, copiar el CÓDIGO HTML del vídeo. Vamos a una entrada de nuestro blog, hacemos clic en la pestaña HTML de la entrada y en su campo pegamos el código que hemos copiado. Hacemos clic en publicar. Cómo editar las entradas ya realizadas del blog Tenemos que ir a la opción DISEÑO / ENTRADAS. En ella veremos las entradas publicadas, las entradas aún no publicadas (que son borradores), las horas de las entradas y ahí las podremos editar o suprimir
  • 27. 27 Sólo debemos hacer doble clic en el título de la entrada para poder editarla. Si hacemos clic en el cuadro que hay a su izquierda podremos:  Añadir nuevas etiquetas.  Publicar.  Cambiar a borrador.  eliminar
  • 28. 28 Más sobre como insertar vídeos de Youtube Youtube nos ofrece la posibilidad de sacar sus vídeos del portal e insertarlos donde quieras. Blogs, foros, páginas personales o corporativas… en cualquier sitio de la web puedes colocar un reproductor simplemente pegando cierto código en la página o el post en cuestión. Afinando un poco, podemos manipular una serie de parámetros del código para ajustar al milímetro el aspecto y funciones del reproductor de Youtube cuando compartes un vídeo, como:  Cambiar los colores del borde.  Ocultar automáticamente los controles o  Habilitar la opción de pantalla completa. Vamos a ver cómo usar estos parámetros y qué hacer con ellos. Cómo se insertan los parámetros de Youtube Para añadir un vídeo de Youtube en otra página web necesitas copiar previamente su código, que está disponible en su página dentro del portal. Pulsar Compartir, luego Insertar y copiar dicho código suele ser lo habitual, aunque haciendo esto tendrás como resultado el reproductor por defecto.
  • 29. 29 Usar los parámetros de Youtube en este código es tan sencillo como adjuntar cada parámetro al final de la URL del vídeo tantas veces como aparezca, añadiendo el signo “igual” (=) y el valor que te convenga. Antes del primer parámetro ha de haber un carácter de interrogación (?) y, entre los sucesivos, un signo de conjunción (&). El resultado para la URL es parecido a este: http://www.youtube.com/v/VIDEO_ID?version=3&loop=1 Hay dos tipos de código para insertar un vídeo en Youtube  Tipo “IFRAME” , en HTML5 más limpio y personalizable.  El tipo “object”, que es compatible con más páginas web y navegadores. Tipo “IFRAME” Cuando accedéis a la página de un vídeo, pinchando en INSERTAR, el servicio os ofrece un código basado en IFRAME (marco dónde se muestra el contenido de otra página), similar a este para la siguente URL del video: http://youtu.be/Udm7ZjMWMqA <iframe width="560" height="315"src="http://www.youtube.com/embed/ Udm7ZjMWMqA?rel=0" frameborder="0" allowfullscreen> </iframe> Además de el código de identificación del vídeo (Udm7ZjMWMqA), variarán las medidas de alto y ancho del IFRAME, según las originales de cada vídeo o las que vosotros marquéis, pero lo demás es idéntico en todos los casos.
  • 30. 30 En este tipo de código, tras la dirección (SRC) del vídeo, se pueden insertar algunas opciones con el símbolo ?, que en el caso del ejemplo consisten en no mostrar los vídeos relacionados (?rel=0). Pues bien, a partir de ahí podemos añadir otros parámetros, separados con un &. <iframe width="560" height="315"src="http://www.youtube.com/embed/ Udm7ZjMWMqA?rel=0&autoplay=1" frameborder="0" allowfullscreen> </iframe>  Tipo “OBJECT” La forma de insertar los parámetros en el código antiguo, basado en OBJECT (para embeber) es muy similar. Tras pinchar en Insertar, entre otras opciones, podréis ver un poco más abajo, una casilla de verificación con la leyenda "Utilizar código de inserción anterior". Este código anterior es precisamente el que se usaba hasta hace poco de manera única. Cuando seleccionáis esa opción, aunque aparentemente no pase nada, el cuadro de texto que contiene el código cambia y en su interior encontramos un HTML basado en OBJECT, en lugar de IFRAME. El código propuesto como ejemplo tiene esta estructura: <object width="560" height="315"> <param name="movie"value="http://www.youtube.com/v/Udm7ZjMWMqA?version=3&amp;hl= es_ES&amp;rel=0"></param> <param name="allowFullScreen" value="true"></param> <param name="allowscriptaccess" value="always"></param> <embed src="http://www.youtube.com/v/Udm7ZjMWMqA?version=3&amp;hl= es_ES&amp;rel=0" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"> </embed> </object> URL del video: http://youtu.be/Udm7ZjMWMqA Comprobaréis que es mucho más largo que el otro, pero es precisamente porque incluye parámetros y valores que permiten configurarlo.
  • 31. 31 Tras la dirección (SRC) del vídeo, se pueden insertar algunas opciones con el símbolo ?, que en el caso del ejemplo consisten en no mostrar los vídeos relacionados (?rel=0). Pues bien, a partir de ahí podemos añadir otros parámetros, separados con un &, y que para que sea correctamente interpretado en Blogger, añadimos con un &amp; EJEMPLOS DE MODIFICACIÓN DE PARÁMETROS DE YOUTUBE: Gracias a los parámetros de inserción de Youtube puedes hacer infinidad de cosas con el reproductor. A continuación te detallo algunos ejemplos de parámetros: qué hacen, cuándo puedes usarlos y qué valores puedes darles. 1º) Reproducción automática Si quieres conseguir que tu video se reproduzca de forma automática al cargar la página, añade el parámetro &autoplay=1 a la dirección del video. Aquí, hay que tener cuidado de hacerlo en los dos sitios dónde aparecen las direcciones del vídeo. Es indiferente que se haga antes o después de otros parámetros: Las líneas del código que hay que cambiar serían las siguientes: <paramname="movie"value="http://www.youtube.com/v/Udm7ZjMWMqA?version=3& amp;hl= es_ES&amp;rel=0&amp;autoplay=1"></param> <embed src="http://www.youtube.com/v/Udm7ZjMWMqA?version=3&amp;hl= es_ES&amp;rel=0&amp;autoplay=1" autoplay=0/1: si le das valor “1”, el reproductor iniciará el vídeo tan pronto como se cargue dentro de la página, sin tener que pulsar Play. 2º) Mostrar el video con un borde de color Si quieres formatear un poco el borde del video, puedes añadirle tres parámetros a la dirección del video: 1) &border=1 para el borde 2) Color1=cero, x, y el código del primer color en formato hexadecimal 3) Color2=con cero, x, y el código del segundo color en formato hexadecimal. Las líneas del código que hay que cambiar serían lan siguientes:
  • 32. 32 <param name="movie"value="http://www.youtube.com/v/Udm7ZjMWMqA?version=3&amp;hl= es_ES&amp;rel=0&border=1&color1=0xffffff&color2=0×000000"></param> <embed src="http://www.youtube.com/v/Udm7ZjMWMqA?version=3&amp;hl= es_ES&amp;rel=0&border=1&color1=0xffffff&color2=0×000000" Si el valor de Border es "1", el vídeo se muestra con un marco cuyos colores también puedes personalizar con los parámetros "color1" y "color2", cuyos valores has de introducir con valor hexadecimal (ejemplo: color2=2FA4D1) 3º) No reproducir desde el principio No gastes el tiempo de tus lectores, empieza con la reproducción de tu video en el momento interesante. Si lo interesante para tus lectores viene después de un minuto treinta, puedes empezar con la reproducción de tu video justo en el momento 01:30 (90 segundos) sin problemas: <embed src="http://www.youtube.com/v/Udm7ZjMWMqA?version=3&amp;hl= es_ES&amp;rel=0&start=90" &start=x: El valor x puede ser cualquier número positivo y define, en segundos, el punto de vídeo a partir del cual se iniciará la reproducción.. 4º)Quitar los videos relacionados y la barra de búsqueda Hay dos cosas molestan mucho al integrar videos de YouTube en un blog: 1) La barra de búsqueda que se muestra en los videos al mover el ratón por encima del video. 2) Los videos relacionados que salen al final después de reproducir un video. Menos mal que se pueden quitar ambas cosas: <embed src="http://www.youtube.com/v/Udm7ZjMWMqA?version=3&amp;hl= es_ES&amp;&rel=0" 5º) &rel=0/1: muestra o no los vídeos relacionados durante la reproducción del vídeo insertado. 6º) &autohide=0/1/2: define si la barra de progreso y controles se ven durante la reproducción, o si se oculta uno o los dos elementos pasados unos segundos
  • 33. 33 7º) &modestbranding: el valor “1” oculta el logotipo de Youtube en el reproductor. Es válido para las versiones modernas o con código tipo “iframe”. 8º) version: si aparece y el valor es “3”, muestra el reproductor de Youtube moderno, que acepta otros parámetros como “modestbranding”. 9º) &loop=0/1: si su valor es “1”, el vídeo se reproduce una y otra vez. 10º) cc_load_policy: si aparece con valor “1”, el vídeo mostrará subtítulos siempre que su autor los haya incluido. 11º) &showinfo=0/1: si su valor es “0”, al insertar el vídeo no aparecerá la información en la parte superior, como el título y autor del vídeo. Estos son sólo algunos de los parámetros que puedes usar al insertar un vídeo de Youtube. Si quieres conocer el resto, te recomiendo visitar la página dedicada dentro de Youtube en español o bien la página en inglés, que incluye algunos más recientes.