Cómo organizar un blog

Apuntes sobre blogs: Cómo organizar un blog: Un blog es una herramienta para publicar contenidos en la Web de forma fragmentada, cronológica e improvisada; por tanto, la férrea organización de un blog no es algo prioritario. Quien quiera una clasificación exhaustiva de esos contenidos, que utilice un wiki o una página web. Sin embargo, siempre resulta conveniente clasificar las entradas de un blog para que los lectores no se pierdan ni se cansen de leerlo, sobre todo cuando en un blog conviven distintas temáticas. Eso se logra con varios elementos: el archivo del blog, las categorías, las etiquetas, los gadgets o widgets, los menús y las páginas estáticas.

IntenseDebate, sistema de comentarios para blogs

IntenseDebate, sistema de comentarios para blogs: De un año a esta parte, Blogger ha realizado varias mejoras fundamentales en su servicio. Entre ellas, ha incorporado todo un panel para e...

Cómo publicar un documento de Google Docs

Cómo publicar un documento de Google Docs

Insertar álbumes de Picasa en el blog

Apuntes sobre blogs: Insertar álbumes de Picasa en el blog

Cómo configurar Blogger para trabajar en equipo

Porque un blog no es cosa solo de una persona. En Blogger es posible definir múltiples usuarios para un mismo blog. Estos usuario puede ser bien "Administradores" o bien "Autores".

Quienes crean un nuevo blog en Blogger, por defecto tiene un role o perfil de Administrador. El Administrador tiene la capacidad no solo de crear y editar entradas sino también puede cambiar la plantilla el diseño y la disposición de los elementos en el blog. Además solo un administrador es capaz de invitar a otro usuario a unirse como "Autor" al blog sino que además también puede cambiarle el perfil a Administrador

Por otra parte el "Autor" solo tiene acceso a la publicación de nuevas entrada y a la edición de entradas siempre que sean las de el mismo. No tiene acceso a nada más.

La verdad es que se hecha de menos un perfil intermedio entre ambos por ejemplo un "Redactor Jefe" o algo así, asemejándose más a una redacción periodística.

Se dá por hecho que debe existir confianza y responsabilidad entre todos los miembros del equipo. La persona a quién vas a invitar debe disponer de cuenta de GMail.

Pasos para invitar a una persona a participar en tu blog como Autor

1. Ve a la pestaña Configuración
2. Haz clic donde pone + Añadir autores
3. Escribe la dirección de eMail de la persona a la que vas a invitar y presiona Aceptar

La persona invitada deberá revisar su bandeja de entrada y debe recibir un correo como este:

Correo tipo que recibe la persona a la que invitas a participar  en tu blog

Debe hacer clic en el enlace, se mostrará una nueva ventana para aceptar la invitación y crear (si no lo tenia antes) una cuenta de Blogger.

El resultado es que una vez que entre en Blogger verá el Blog al que ha sido invitado. Repito, solo podrá crear nuevas entradas o editar las propias.

El Administrador puede en cualquier momento cambiar el perfil del Autor a Administrador, desde la propia pestaña Configuración. También podrá eliminar usuarios, esto no implica que se eliminen los post creados por el Autor.

Un blog debe siempre como mínimo contar con un Administrador.

Para cómo es el proceso, aqui les dejo un vídeo subtitulado en español.


Al margen de las características que ya contempla Blogger, mi recomendación es que si varios van a trabajar en el mismo blog, se redacte un protocolo de publicación y normas generales de uso, de esta manera cualquier persona que se incorpore al equipo de trabajo debe acatar dichas normas.

Por último, si eres de los que tienes varias cuentas de GMAIL te recomiendo practiques este ejercicio y te autoinvites a otra cuenta de tu propiedad. Mejor si esto lo haces sobre un Blog de Pruebas.

En circunstancias reales, mucho cuidado!, es sumamente sencillo que la persona a la que invites si la nombras administrador, ésta pueda quitarte los privilegios de administrador a la cuenta "principal" del blog y eso supone una incidencia grabe ya que quedas dejarías de tener el control sobre tu propio Blog. +Más ayuda 

Como siempre, te invito a utilizar los comentarios para dejar tu opinión en este artículo. Si te ha gustado esta publicación y no quieres perderte ninguna otra, sígueme a través de Facebook, Twitter, suscripción por email, Google Friend , RSS ahora también en Google +. Usa los botones sociales al pié de la publicación para recomendarla a tus amigos. ¡Gracias! ;-) 

Lecturas recomendadas

• Ayuda de Blogger. Creacion de un blog de equipo. 

Artículos relacionados

Productividad

• Cómo configurar un blog como privado e invitar solo a quien quieras
• Comentarios anidados en Blogger. Cómo sacarle el máximo partido
• 10 consejos para enfrentarte a un post en blanco
• 5 extensiones de Google Chrome para ser más productivos en Blogger

Mostrar y ocultar Gatget en portada o en las entradas

Mostrar gatget solo en la portada.

Mostrar gatget solo en las entradas

Ocultar el bloque de las entradas en la portada

Personalizar los bloques entrecomillados

 Blockquote (bloque entrecomillado)
Hoy vamos a ver cómo agregar un blockquote o bloque entrecomillado, que sirve para resaltar alguna cita textual o un párrafo en particular.

Mostrar / Ocultar ▼▲

1.§ Ingresamos a Diseño/ Edición de HTML y con ayuda de CTRL+F buscamos:

blockquote {
margin:.5em 0;
}

El contenido (margin:.5em 0;) no tiene que ser necesariamente igual, lo importante es que exista el blockquote.

» Si no lo encontramos, entonces puede que en nuestro blog esté con este nombre:

.post blockquote {
margin:.5em 0;
}

Cualquiera de los dos es igualmente válido.

2.§ Si es que tenemos el código, podemos personalizarlo un poco, sustituyéndolo por:

blockquote {<br /> background: #F3F3F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_QnnQMQAaH0eh4XOasLHTICuuDVynnyLXWRKz-jYCghP0Haola4jqccxWpmV1qQ7T9VAYIk23dCzlT8ATLtLHkBvMgBmG0slJstkU9bbr97wKzs_KO3WZFBxPkGi8IOKwCBq1IutwH24/s400/blocknaran.png)repeat-y ;<br /> margin: 0 20px;<br /> padding: 20px 20px 10px 45px;<br /> font: italic 1.2em Georgia, "Times New Roman", Times, serif;<br /> font-size: 0.9em;<br /> }

Si es que en nuestro blog no existe el blockquote { o .post blockquote { entonces podemos añadir el código debajo de:

/* Posts<br /> ----------------------------------------------- */

3.§ Damos click a Guardar.

4.§ Cada vez que queramos usarlo, podemos agregar <blockquote>Texto-Texto-Texto</blockquote>

o sino usar el botón que está en el editor de entradas:

En futuros post veremos más formas de personalizar nuestro Blockquote.

Ciudad Blogger: Personalizar los bloques entrecomillados: Los bloques entrecomillados se usan para hacer una cita textual, es decir, repetir un fragmento dicho con anterioridad. La forma de usarlo e...

Spoiler para ocultar y mostrar contenido en una en...

Ciudad Blogger: Spoiler para ocultar y mostrar contenido en una en...:

Algunas veces tenemos mucho contenido que agregar en una entrada pero no queremos mostrarlo todo de un solo golpe, ya sea porque no queremos que la entrada se haga demasiado larga o porque queremos que el contenido se vaya descubriendo poco a poco.
Y sí, ya antes habíamos visto cómo expandir y contraer partes de una entrada usando Scriptaculous y que le da un efecto deslizante, pero como a muchos no les gusta usar Scriptaculous vamos a ver otra forma de hacerlo usando un simple javascript que aunque no tendrá efecto alguno cumple su función muy bien, que será la de mostrar y ocultar contenido.

Puedes ver un ejemplo haciendo click en el siguiente botón.

Aquí el contenido que queremos ocultar

Podemos incluir dentro cualquier cosa que se nos ocurra, ya sea una tabla, una imagen, un reproductor de audio, un video, etc.

Para usarlo en tu blog sólo basta con poner este código en una entrada cada vez que lo quieras usar:

<div class="divspoiler"><input onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; this.value = 'Ocultar'; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none'; this.value = 'Mostrar'; }" type="button" value="Mostrar" /></div><div><div class="spoiler" style="display: none;">Aquí el contenido que queremos ocultar</div></div>

Ahí sólo tienes que agregar donde se indica el contenido que quieres ocultar. Si el botón no te gusta mucho puedes leer esta entrada para saber cómo personalizar los botones.
O bien, puedes usar un enlace de texto en lugar de un botón

Mostrar / Ocultar ▼▲

Aquí el contenido que queremos ocultar

En ese caso el código a usar es este:

<div class="divspoiler"><a href="javascript:void(0);" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" >Mostrar / Ocultar ▼▲</a><br /> </div><div><div class="spoiler" style="display: none;">Aquí el contenido que queremos ocultar<br /> </div></div>

Bastante práctico y fácil de usar ¿no? Puedes agregar varios en la misma entrada sin necesidad de cambiar alguna ID ni nada de eso. Sólo procura no cambiar a la pestaña Redactar una vez que lo pongas y no modifiques los espacios del código para que funcione correctamente.

Colocar un "Leer más" en la entrada

http://www.deseoaprender.com/Blogger/leer-mas-en-entrada-blogger-leccion-11.html

Apuntes sobre blogs: Los elementos multimedia en el blog

Apuntes sobre blogs: Los elementos multimedia en el blog:

Los elementos multimedia en el blog :

Los elementos multimedia están adquiriendo gran importancia en la Web debido a la mejora técnica y a la mayor rapidez de las conexiones a internet. En el campo de la enseñanza en concreto, sus posibilidades son ilimitadas, aunque el medio todavía es bastante nuevo como para poder decir que las cosas están claras en este campo. Muchos docentes están ahora investigando en el ámbito multimedia para dotar a sus actividades docentes de contenido fundamentado en vídeos, audio e imágenes además de en el trabajo con códigos de programación y aplicaciones que ofrecen todo tipo de interactividad. Un ejemplo puede verse en el blog de aula El tinglado.

Para completar la información de este artículo, conviene leer otro artículo más reciente de este blog titulado "Vídeos en Blogger", en el que introduzco dos novedades importantes a la hora de incluir vídeos en un blog de Blogger; también reflexiono en él sobre algunas de las pegas relacionadas con el mundo de la multimedia.

Apuntes sobre blogs: Vídeos en Blogger

Apuntes sobre blogs: Vídeos en Blogger:

Vídeos en Blogger

Bloggger es un servidor gratuito de blogs que sorprende por su constante renovación. Está muy al tanto de lo que se cuece en la Web, por eso ha incluido últimamente algunas herramientas para introducir vídeos en las entradas de los blogs. Con esto, Blogger se pone a la altura de las circunstancias, pues los vídeos y otros materiales multimedia están inundando la Web. Los usuarios de blogs reclaman la posibilidad de mostrar sus propios vídeos de forma creativa y también otros vídeos que les interesan y que quieren incluir como contenido de sus artículos o posts. Poco a poco la Web va incorporando estos elementos multimedia que ilustran los contenidos y que tienen que contribuir a profundizar en los conocimientos compartidos.

1. Algunas pegas de la multimedia en la Web

Los objetos multimedia han pasado por un calvario especial en la Web hasta hace muy poco tiempo debido a que requieren lo siguiente:

1. Mucho espacio web en los servidores, pues son objetos voluminosos.
   
2. Conexión rápida de internet debido a su compleja estructura.
   
3. Códecs y reproductores adecuados para su reproducción.
4. Plug-ins necesarios en los navegadores web.
   

Sólo recientemente se ha podido incorporar la multimedia a las páginas web de manera masiva, ya que esas pegas se han superado, aunque no totalmente. De todas formas, aún se deben superar otros inconvenientes que surgen debido a las características de estos elementos. Consideremos lo siguiente:

1. El contenido de un vídeo no consta para los buscadores web, porque no se expresa en texto escrito. Por tanto, su utilización masiva no contribuye a la construcción de la Web semántica, que es el objetivo que se vislumbra en el horizonte. Esto se puede solucionar, como consta en las especificaciones de la accesibilidad, con la inclusión de la transcripción del texto del vídeo, o al menos con un resumen. Naturalmente, esto no lo hace casi nadie, pero ahí queda.
   
2. La inclusión de elementos multimedia aumenta el ruido en la Web en los dos sentidos más evidentes. Por un lado, hay que pensar que muchos ordenadores se encuentran en lugares públicos donde no se puede o no se debe molestar con voces o ruidos. Y por otro lado, la inclusión masiva de la multimedia en la Red, a veces sin motivos evidentes, contribuye al ruido y el desorden que provoca su exagerada proliferación, que se hace insoportable con la publicidad.
   
3. ¿Y qué pasa con las personas sordas o ciegas? Que no van a poder beneficiarse de toda esta renovación en la Web. La accesibilidad de las páginas web es ya una obligación legal en muchos países, que tendrán que tener en cuenta sobre todo las webs de ámbitos públicos, en especial el educativo.
   

Pero son tantas las ventajas que aporta la multimedia, que estos inconvenientes se están superando o se están ocultando debajo de la alfombra. Todavía hoy no se puede confiar todo el contenido de una web a sus elementos multimedia, porque pueden fallar por muchos motivos. Veremos qué nos aportan los adelantos tecnológicos del futuro cercano.

2. Incorporar vídeos cargándolos al servidor

Quizá la mejor forma de incorporar un vídeo propio a nuestro blog sea la de subirlo a un servicio de vídeos y enlazarlo o insertarlo en la entrada o post con el código HTML que nos proporciona este servicio. Al fin y al cabo, Vimeo, Daily Motion o YouTube tienen más opciones que Blogger. Pero también podemos cargar nuestro vídeo en Blogger, como vamos a ver ahora.

Existen dos formas de incluir vídeos en una página web:

1. Enlazando los archivos directamente en el servidor donde se encuentren alojados. Este enlace puede servir para descargarnos el vídeo o para mostrarlo con un reproductor asociado.
2. Copiando en el editor del blog el código HTML que nos proporciona el servidor que aloja los vídeos. De esta manera, utilizamos un vídeo ya guardado que no es nuestro y que se encuentra a disposición del público.
   

En los blogs de Blogger tenemos la posibilidad de guardar vídeos en sus servidores para mostrarlos con un reproductor. Esta operación se realiza de forma muy sencilla simplemente haciendo clic en el icono correspondiente de la barra de iconos del editor de entradas.

Recientemente, Blogger ha incluido un nuevo editor renovado para las entradas, que se puede activar en la sección Configuración -> Básico -> Seleccionar editor de entradas -> Editor actualizado. En él existe un botón o icono para cargar los vídeos al servidor, pero también se puede utilizar el editor antiguo para ello, que se puede elegir en la ruta de la configuración arriba indicada seleccionando el Editor anterior, con el que utilizamos las siguientes explicaciones.

Después de hacer clic en el icono de vídeos, aparece el siguiente cuadro de diálogo, que tiene tres opciones en el lateral:

1. Con la opción Subir, cargaremos un vídeo desde nuestro disco duro pulsando el botón Examinar y después el botón Subir, de la parte inferior de la ventana. No parece que haya límites de peso para el archivo. Anteriormente el límite era de 100 Mb, así que no hay mucho problema.

2. La opción Desde YouTube sirve para insertar un vídeo de ese servicio web. Se escribe un término de búsqueda y se elige el vídeo mediante el botón Seleccionar. Incluso se puede ver el vídeo antes. Entonces aparecerá una pequeña imagen del vídeo elegido, pero en la Vista previa y en la entrada publicada se verá el vídeo insertado.

3. Con la opción Mis vídeos de YouTube, podremos insertar nuestros vídeos cargados en ese servicio:

Con la primera opción, yo he utilizado un vídeo descargado de la Mediateca de EducaMadrid. Después de cargarlo, aparece en la entrada un aviso en forma de imagen de que se está cargando el vídeo:

Además, debajo del editor nos completan la información del aviso:

Y al cabo de un rato ya lo podemos ver incluido en nuestro blog con un reproductor propio, al que Blogger ha añadido recientemente la posibilidad de verlo en pantalla completa haciendo clic en el icono inferior derecho:

Los botones de la parte inferior del vídeo nos permiten no sólo reproducirlo o detenerlo, sino también ajustar el sonido o mostrarlo en pantalla completa. Pero también podemos avanzar o rebobinar el vídeo mientras se reproduce simplemente haciendo clic en la banda que aparece encima de los botones o moviendo el circulito que indica el tiempo de reproducción, como se muestra en la siguiente imagen:

Si queremos cambiar el tamaño del vídeo, podemos modificar su altura y su anchura en el código HTML del vídeo. Para ello tenemos que ir a la sección Edición HTML del editor y buscar su código, que en nuestro caso es éste:

<div class="separator" style="clear: both; text-align: center;">
<object height="266" id="BLOG_video-UPLOADING-2" class="BLOG_video_class" contentid="UPLOADING" width="320"></object></div>

En el código, he destacado en rojo los datos de la altura (height) y la anchura (width) que están en píxeles. Sólo tenemos que modificar esos números más o menos proporcionalmente para cambiar el tamaño del vídeo.

3. El gadget Barra de vídeos

Pero no todo queda aquí. También Blogger nos proporciona un gadget con el que podemos incluir un enlace directo a los vídeos de YouTube y de Google Vídeo desde el lateral de nuestro blog. Si vamos a nuestro panel del blog y entramos en la sección Diseño, encontraremos a la derecha el enlace Añadir y organizar elementos de la página, que nos proporciona la posibilidad de insertar estos dispositivos con el enlace Añadir un gadget. De la ventana emergente que surge, elegiremos el gadget Barra de vídeo:

Si hacemos clic en la imagen o en el icono del signo más, se abrirá la siguiente ventana de configuración:

Pondremos un título y elegiremos las etiquetas temáticas que nos interesen, y listo. Cuando guardemos los cambios, aparecerá la barra de vídeos en nuestro lateral, y si hacemos clic en uno de los vídeos, se abrirá una ventanita para poder verlo.

4. Insertar vídeos con el código HTML

Pero la forma más cómoda de insertar vídeos en un blog sigue siendo la de pegar el código HTML que nos proporcionan en la web donde se alojan. Este procedimiento lo muestro en otro artículo de este blog, Los elementos multimedia en el blog, que he actualizado y que os recomiendo leer si os interesa todo esto.

Agregar un contador de visitas para el blog

Agregar un contador de visitas para el blog


Muchos lectores me han pedido por correo electrónico que les enseñe a agregar un contador de visitas para el blog, y bueno, eso es exactamente lo que hoy voy a enseñar a hacer. Primero que nada quiero aclarar que tenemos muchas alternativas para tener un contador de visitas para el blog, pero voy a explicar sólo algunas, ya que sino sería un artículo demasiado extenso.

Contador de visitas para blog:

1. Contador de visitas Histats

Histats ofrece contadores de visitas para blogs muy completos. Primeor hay que registrarnos en el sitio y verificar la cuenta desde nuestro correo electrónico. Luego podemos agregar un nuevo sitio y decidir desde dónde comenzar a contar las visitas y si queremos que sean privadas o no. Luego creamos el banner y lo pegamos en el blog.
Enlace: Histats

2. Contador de visitas online whos.amung.us

Este contador muestra de una forma sencilla y amigable el número de visitas online que hay en nuestro sitio en determinado momento. Es uno de los más precisos de todo el mercado de contadores de visitas para blogs, y es muy fácil de insertar.
Enlace: whos.amung.us

3. Contador de visitas 99Counters

Este práctico contador de visitas nos muestra el número de visitas totales, el número de visitas de hoy, el número de visitas online y otros datos, como el lugar de cada visita. Es muy práctico y fácil de insertar. Mucha gente lo utiliza, y eso es lo que lo hace popular.
Enlace: 99Counters

4. Contador de visitas Geovisite

Estos contadores de visitas están especializados en mostrar el número de visitantes y de qué países fueron. La geolocalización es su especialidad, y a muchos bloggers les agrada saber de dónde vienen sus visitantes.
Enlace: Geovisite

CGnauta blog: Crear menu desplegable para Etiquetas en Blogger

CGnauta blog: Crear menu desplegable para Etiquetas en Blogger: Para mostrar un menú desplegable como el mostrado en CGnauta en las etiquetas de Blogger, que es la forma más equilibrada para no desperdici...

Todo sobre las etiquetas de Blogger, bueno, casi…

Todo sobre las etiquetas de Blogger, bueno, casi…

compartidísimo

Recursos para tu blog y otras cosas

Ciudad Blogger: Menu horizontal de pestañas

Ciudad Blogger: Menu horizontal de pestañas: Una pregunta muy recurrente es cómo crear un menú horizontal en Blogger. Si bien hay varios tipos de menú que podemos emplear este me parec...

Ciudad Blogger: Gadget de etiquetas en forma de menú desplegable

Ciudad Blogger: Gadget de etiquetas en forma de menú desplegable: Ya que seguimos con el tema de ahorrar espacio en el blog veamos cómo podemos mostrar las etiquetas en forma de menú desplegable , esto será...

CREA Y MEJORA TU BLOG: Entradas en distintas Páginas

CREA Y MEJORA TU BLOG: Entradas en distintas Páginas: Hola a todos, hoy vamos explicar qué y cómo podemos hacer al respecto de esta "falla" en blogger. Cuando creamos nuevas páginas estáticas ...