Pulsa en el siguiente enlace para bajarte el tutorial.
Cómo poner música en tu blog
miércoles, 28 de octubre de 2009
lunes, 26 de octubre de 2009
Imagen en la cabecera
Imagen en la cabecera (Blogger) Para poner una imagen en la cabecera de forma muy sencilla.
Pulsa en la pestaña Deseño.
Plantilla/Elementos de página/Editar (cabecera)
miércoles, 21 de octubre de 2009
Crear enlaces a otros blogs
Aquí tienes un tutorial para aprender cómo enlazar a tu blog el de tus compañeros.Pulsa en el enlace para descargar el tutorial.
Crear enlaces a otros blogs
Crear enlaces a otros blogs
Blog. Contenido
Contenido del Blog
1. Registrarse en un blog.
a. Identificar las características de una Entrada.
b. Crear una Entrada
c. Guardar una Entrada
d. Añadir y modificar contenidos utilizando el menú en una Entrada (alinear texto, formatos de texto, viñetas, hipervínculos, etc)
e. Publicar una Entrada
f. Comprender la diferencia entre guardar y publicar una Entrada
g. Editar una Entrada
h. Eliminar una Entrada
2. Obtener, modificar y utilizar imágenes
a. Descargar dibujos e imágenes de páginas de Internet y guardarlos en una carpeta para su utilización posterior en un Blog.
b. Utilizar los comandos para insertar una imagen en una Entrada
c. Modificar una imagen insertada en una Entrada (posición y tamaño).
d. Eliminar imágenes de una Entrada
3. Obtener y utilizar archivos de audio (sonidos).
a. Descargar sonidos de páginas de Internet y guardarlos en una carpeta para utilizarlas posteriormente en una Entrada.
b. Insertar sonidos en una Entrada desde diferentes medios de almacenamiento.
c. Ejecutar archivos de audio desde una Entrada.
d. Eliminar archivos de audio en una Entrada
4. Obtener y utilizar videoclips (clips de video).
a. Descargar videoclips de páginas de Internet y guardarlos en una carpeta para su utilización posterior en una Entrada.
b. Insertar en una Entrada videoclips (películas) desde diferentes medios de almacenamiento.
c. Ejecutar videoclips en una Entrada.
d. Eliminar videoclips en una Entrada
5. Obtener y utilizar código embebido en un Blog.
a. Buscar sitios en Internet que ofrecen elementos en forma de código embebido (videos, imágenes, etc).
b. Reconocer el código embebido en un sitio de Internet e identificar su función y características.
c. Copiar un código embebido de un sitio en Internet y pegarlo en un Blog.
d. Eliminar un código embebido insertado en un Blog.
6. Diseñar la apariencia de un Blog.
a. Identificar las características de una Plantilla
b. Seleccionar una Plantilla
c. Aplicar una Plantilla en un Blog
d. Cambiar una Plantilla en un Blog
e. Agregar, mover, quitar gadget/widget en un Blog
f. Cambiar la cabecera en un Blog
7. Realizar operaciones básicas con Comentarios.
a. Aceptar comentarios
b. Editar comentarios
c. Eliminar un comentario
d. Responder un comentario
e. Marcar un comentario como no deseado (Spam)
f. Bloquear comentarios
8. Realizar operaciones básicas con Etiquetas.
a. Crear una Etiqueta.
b. Añadir una Etiqueta en una Entrada
c. Editar una Etiqueta
d. Eliminar una Etiqueta
9. Realizar operaciones básicas con Enlaces (Blogroll)
a. Crear un Enlace.
b. Añadir Enlaces, previamente creados, en un Blog.
c. Editar un Enlace.
d. Eliminar un Enlace.
10. Hacer copias de respaldo (backup).
a. Comprender la importancia de generar copias de respaldo antes de realizar ciertas operaciones sobre el Blog que no tienen opción 'deshacer'
b. Generar una copia de respaldo y guardarla en una unidad de almacenamiento local o remota (exportar)
c. Recuperar una copia de respaldo guardada en una unidad de almacenamiento local o remota (importar)
1. Registrarse en un blog.
a. Identificar las características de una Entrada.
b. Crear una Entrada
c. Guardar una Entrada
d. Añadir y modificar contenidos utilizando el menú en una Entrada (alinear texto, formatos de texto, viñetas, hipervínculos, etc)
e. Publicar una Entrada
f. Comprender la diferencia entre guardar y publicar una Entrada
g. Editar una Entrada
h. Eliminar una Entrada
2. Obtener, modificar y utilizar imágenes
a. Descargar dibujos e imágenes de páginas de Internet y guardarlos en una carpeta para su utilización posterior en un Blog.
b. Utilizar los comandos para insertar una imagen en una Entrada
c. Modificar una imagen insertada en una Entrada (posición y tamaño).
d. Eliminar imágenes de una Entrada
3. Obtener y utilizar archivos de audio (sonidos).
a. Descargar sonidos de páginas de Internet y guardarlos en una carpeta para utilizarlas posteriormente en una Entrada.
b. Insertar sonidos en una Entrada desde diferentes medios de almacenamiento.
c. Ejecutar archivos de audio desde una Entrada.
d. Eliminar archivos de audio en una Entrada
4. Obtener y utilizar videoclips (clips de video).
a. Descargar videoclips de páginas de Internet y guardarlos en una carpeta para su utilización posterior en una Entrada.
b. Insertar en una Entrada videoclips (películas) desde diferentes medios de almacenamiento.
c. Ejecutar videoclips en una Entrada.
d. Eliminar videoclips en una Entrada
5. Obtener y utilizar código embebido en un Blog.
a. Buscar sitios en Internet que ofrecen elementos en forma de código embebido (videos, imágenes, etc).
b. Reconocer el código embebido en un sitio de Internet e identificar su función y características.
c. Copiar un código embebido de un sitio en Internet y pegarlo en un Blog.
d. Eliminar un código embebido insertado en un Blog.
6. Diseñar la apariencia de un Blog.
a. Identificar las características de una Plantilla
b. Seleccionar una Plantilla
c. Aplicar una Plantilla en un Blog
d. Cambiar una Plantilla en un Blog
e. Agregar, mover, quitar gadget/widget en un Blog
f. Cambiar la cabecera en un Blog
7. Realizar operaciones básicas con Comentarios.
a. Aceptar comentarios
b. Editar comentarios
c. Eliminar un comentario
d. Responder un comentario
e. Marcar un comentario como no deseado (Spam)
f. Bloquear comentarios
8. Realizar operaciones básicas con Etiquetas.
a. Crear una Etiqueta.
b. Añadir una Etiqueta en una Entrada
c. Editar una Etiqueta
d. Eliminar una Etiqueta
9. Realizar operaciones básicas con Enlaces (Blogroll)
a. Crear un Enlace.
b. Añadir Enlaces, previamente creados, en un Blog.
c. Editar un Enlace.
d. Eliminar un Enlace.
10. Hacer copias de respaldo (backup).
a. Comprender la importancia de generar copias de respaldo antes de realizar ciertas operaciones sobre el Blog que no tienen opción 'deshacer'
b. Generar una copia de respaldo y guardarla en una unidad de almacenamiento local o remota (exportar)
c. Recuperar una copia de respaldo guardada en una unidad de almacenamiento local o remota (importar)
jueves, 1 de octubre de 2009
Para Esti
Barra lateral que desaparece o desplaza hacia abajo
Quería introducir brevemente un tema que me ha traído Karen al blog, al consultarme sus dudas y mencionarme dónde había encontrado la solución. No sé demasiado al respecto, así que me limitaré a describirlo, daros un enlace de ayuda y deciros en qué lugar de la plantilla podéis ir probando para buscar la solución.
Se trata de un tema que, al parecer, ha traído y probablemente siga trayendo problemas a los bloggeros: la barra lateral -o sidebar en inglés- que parece desaparecer y se nos desplaza hacia abajo, permaneciendo en su lado derecho o izquierdo, pero debajo de las entradas.
Aunque sólo sea por curiosidad os contaré que la existencia de distintas partes en nuestro blog (barra lateral, título, entradas y barra inferior) son en realidad páginas distintas, de ahí que en la plantilla tengan distinto nombre ("main", "sidebar", "title"...) cargadas desde lo que podemos llamar una página índice que las enlaza y nos permite verlas todas a la vez. Esto quiere decir que cada una de ellas puede (o al menos deberían poder) ser modificadas por separado.
La "página índice" tiene un tamaño determinado. Dentro de ella se encuentran la barra lateral y la barra principal (la de las entradas o posts) que, lógicamente, no pueden medir lo mismo, porque no cabrían, desplazándose la barra lateral hacia abajo; además, si la suma del tamaño de las dos, de la barra lateral y la principal, superase el tamaño máximo de esa "página índice" tendríamos el mismo resultado: una barra lateral desplazada hacia abajo.
Karen me comentaba que había conseguido solucionar su problema gracias a una entrada del Blog de blogs; imagino que se refería a ¿Por qué la sidebar se va hacia abajo? en cuyos comentarios podemos encontrar muchos datos valiosos sobre el tema, como, por ejemplo, que las imágenes demasiado grandes pueden provocar ese efecto de desplazamiento hacia abajo de la barra lateral.
Gracias a otro de los comentarios he podido acudir a la plantilla de mi blog y ponerme a experimentar, a ver qué resultado obtenía según los cambios que hacía.
La conclusión a la que he llegado es, como decía antes, que el tamaño o proporción de la barra lateral y de la barra principal tiene que estar compensado si no queremos que la barra lateral se nos desplace hacia abajo. Lo mejor, en mi opinión, es experimentar con la plantilla, utilizando las opciones "vista previa" y "borrar cambios" hasta que consigamos ver el blog como nos guste; y sólo entonces hacer uso de la opción "guardar plantilla" para guardar los cambios realizados. Por cierto, en todos los blogs de ayuda se aconseja guardar una copia de la plantilla en nuestro ordenador de modo que nos sirva de copia de seguridad en caso de que necesitemos borrarla entera y, así, no perdamos todos los cambios anteriormente realizados. Para guardar la plantilla sólo tenemos que usar la opción que nos da Blogger en Plantilla - Edición de HTML "Descargar plantilla completa".
Y dicho todo esto, si queremos intentar solucionar el problema de esa barra lateral que se desplaza hacia abajo o si, como quería Karen, queremos que haya más separación entre la barra lateral y barra de las entradas, acudiremos a Plantilla - Edición de HTML y buscaremos lo siguiente:
#sidebar-wrapper {
width:200px;
float:left;
font-size:87%;
padding-bottom:20px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
Aquí podemos modificar el ancho de la barra lateral (width) que, en el caso de mi plantilla está en píxeles (width:200px). Podemos aumentarlo o disminuirlo. Si lo aumentamos demasiado puede que el efecto que obtengamos sea el que decíamos antes: que la barra lateral se coloque en su posición laterla pero debajo de todas las entradas. ¿Qué podemos hacer entonces? Disminuir el ancho de la barra de las entradas. Para ello buscaremos:
#main-wrapper {
width:450px;
float:right;
padding:100px 0 20px;
font-size:88%;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
y disminuiremos el ancho (width) de esta barra. Aquí, por ejemplo, es de 450; si lo disminuimos a 400 y hacemos click en "vista previa" veremos la diferencia.
Tened en cuenta que, a menos que necesitéis que la barra lateral sea más grande por alguna imagen o accesorio que incluyáis, no es necesario aumentar el ancho de la barra lateral, es suficiente con disminuir el ancho de la barra principal o de entradas (main-wrapper).
¡Y hasta aquí mis humildes y quizás confusas y confundidas explicaciones! Espero que os sirva de algo.
Quería introducir brevemente un tema que me ha traído Karen al blog, al consultarme sus dudas y mencionarme dónde había encontrado la solución. No sé demasiado al respecto, así que me limitaré a describirlo, daros un enlace de ayuda y deciros en qué lugar de la plantilla podéis ir probando para buscar la solución.
Se trata de un tema que, al parecer, ha traído y probablemente siga trayendo problemas a los bloggeros: la barra lateral -o sidebar en inglés- que parece desaparecer y se nos desplaza hacia abajo, permaneciendo en su lado derecho o izquierdo, pero debajo de las entradas.
Aunque sólo sea por curiosidad os contaré que la existencia de distintas partes en nuestro blog (barra lateral, título, entradas y barra inferior) son en realidad páginas distintas, de ahí que en la plantilla tengan distinto nombre ("main", "sidebar", "title"...) cargadas desde lo que podemos llamar una página índice que las enlaza y nos permite verlas todas a la vez. Esto quiere decir que cada una de ellas puede (o al menos deberían poder) ser modificadas por separado.
La "página índice" tiene un tamaño determinado. Dentro de ella se encuentran la barra lateral y la barra principal (la de las entradas o posts) que, lógicamente, no pueden medir lo mismo, porque no cabrían, desplazándose la barra lateral hacia abajo; además, si la suma del tamaño de las dos, de la barra lateral y la principal, superase el tamaño máximo de esa "página índice" tendríamos el mismo resultado: una barra lateral desplazada hacia abajo.
Karen me comentaba que había conseguido solucionar su problema gracias a una entrada del Blog de blogs; imagino que se refería a ¿Por qué la sidebar se va hacia abajo? en cuyos comentarios podemos encontrar muchos datos valiosos sobre el tema, como, por ejemplo, que las imágenes demasiado grandes pueden provocar ese efecto de desplazamiento hacia abajo de la barra lateral.
Gracias a otro de los comentarios he podido acudir a la plantilla de mi blog y ponerme a experimentar, a ver qué resultado obtenía según los cambios que hacía.
La conclusión a la que he llegado es, como decía antes, que el tamaño o proporción de la barra lateral y de la barra principal tiene que estar compensado si no queremos que la barra lateral se nos desplace hacia abajo. Lo mejor, en mi opinión, es experimentar con la plantilla, utilizando las opciones "vista previa" y "borrar cambios" hasta que consigamos ver el blog como nos guste; y sólo entonces hacer uso de la opción "guardar plantilla" para guardar los cambios realizados. Por cierto, en todos los blogs de ayuda se aconseja guardar una copia de la plantilla en nuestro ordenador de modo que nos sirva de copia de seguridad en caso de que necesitemos borrarla entera y, así, no perdamos todos los cambios anteriormente realizados. Para guardar la plantilla sólo tenemos que usar la opción que nos da Blogger en Plantilla - Edición de HTML "Descargar plantilla completa".
Y dicho todo esto, si queremos intentar solucionar el problema de esa barra lateral que se desplaza hacia abajo o si, como quería Karen, queremos que haya más separación entre la barra lateral y barra de las entradas, acudiremos a Plantilla - Edición de HTML y buscaremos lo siguiente:
#sidebar-wrapper {
width:200px;
float:left;
font-size:87%;
padding-bottom:20px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
Aquí podemos modificar el ancho de la barra lateral (width) que, en el caso de mi plantilla está en píxeles (width:200px). Podemos aumentarlo o disminuirlo. Si lo aumentamos demasiado puede que el efecto que obtengamos sea el que decíamos antes: que la barra lateral se coloque en su posición laterla pero debajo de todas las entradas. ¿Qué podemos hacer entonces? Disminuir el ancho de la barra de las entradas. Para ello buscaremos:
#main-wrapper {
width:450px;
float:right;
padding:100px 0 20px;
font-size:88%;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
y disminuiremos el ancho (width) de esta barra. Aquí, por ejemplo, es de 450; si lo disminuimos a 400 y hacemos click en "vista previa" veremos la diferencia.
Tened en cuenta que, a menos que necesitéis que la barra lateral sea más grande por alguna imagen o accesorio que incluyáis, no es necesario aumentar el ancho de la barra lateral, es suficiente con disminuir el ancho de la barra principal o de entradas (main-wrapper).
¡Y hasta aquí mis humildes y quizás confusas y confundidas explicaciones! Espero que os sirva de algo.
Suscribirse a:
Entradas (Atom)