Todo lo que necesitas saber sobre RSS

¿Qué es RSS?

Solución al diseño del gadget de suscripción

Hace tiempo que desde Diseño podemos añadir un gadget de Blogger que permite a nuestras visitas el suscribirse a entradas y comentarios de nuestro blog.

El gadget no tenía demasiada aceptación entre los bloggers de habla hispana, ya que en los blogs en español la frase que anima a suscribirse a los comentarios, al traducirse automáticamente del inglés, se alargaba demasiado y sobresalía de la imagen de fondo:

Gracias a nuestro amigo Vku del fantástico blog de ayuda ¿Como se hace? ahora podemos corregir este error añadiendo un código para controlar la apariencia del gadget y que quede muchísimo más presentable.

[1] Añadimos el gadget desde Edición si es que aún no lo tenemos añadido, si ya lo estamos usando no es necesario más que añadir el código para controlar su diseño.


[2] Localizamos desde Edición HTML de nuestro panel, la etiqueta ]]></b:skin> dentro del código de nuestra plantilla, y justo encima de esa etiqueta colocamos este código:

div.subscribe div.top{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-XyTjsncBnbcd5dyXVPusHIemAqt7Mi2KKox3NoXSC6YHnBpQ91PeWkdOKbp6NPuzg44j2HKQ3nT2tRw_DTAhoC4UZn_CY18Y376LzyheHNSNU5KfoR5SvB9qDKOsrhcxEyvU7wmkS_y7/s1600/s_top180.png',sizingMethod='crop');font-size:1em;padding:4px 5px 1px 5px;width:180px;}

html>body div.subscribe div.top{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-XyTjsncBnbcd5dyXVPusHIemAqt7Mi2KKox3NoXSC6YHnBpQ91PeWkdOKbp6NPuzg44j2HKQ3nT2tRw_DTAhoC4UZn_CY18Y376LzyheHNSNU5KfoR5SvB9qDKOsrhcxEyvU7wmkS_y7/s1600/s_top180.png) top left no-repeat;background-color: transparent;}

div.subscribe div.bottom{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV_wtFJ1Y9TVjbbSd2-c2_zsoU0tH9kXChxJejruo4GLxSqxknuU0RfFTf1Hk8lTpKaCVNQxOSY6ZLpV6OsMT1_uFb8rx-8G5AGvoqDGBGjN7dbYBJLRYQ7GSyO_WS5VjsyAftNpzSrVgU/s1600/s_bottomx180.png',sizingMethod='crop');height:3px;font-size:3px;line-height:0;}

html>body div.subscribe div.bottom{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV_wtFJ1Y9TVjbbSd2-c2_zsoU0tH9kXChxJejruo4GLxSqxknuU0RfFTf1Hk8lTpKaCVNQxOSY6ZLpV6OsMT1_uFb8rx-8G5AGvoqDGBGjN7dbYBJLRYQ7GSyO_WS5VjsyAftNpzSrVgU/s1600/s_bottomx180.png) bottom left no-repeat;width:180px;margin-bottom:0;padding-bottom:0;}

Resultado:

No se os olvide visitar el blog de Vku donde encontraréis muchos trucos y cosillas interesantes y donde podéis contar con su ayuda si algún problema tenéis para aplicar cualquiera de sus "trucos".

Tampoco estaría mal si vais a usar el "truco" de esta entrada, le dejaseis a Vku un comentario de agradecimiento en su blog en lugar de en este post.

ENTRADA ORIGINAL:¿Cómo se hace?

Nuevas opciones del editor de entradas (Blogger in Draft)

Si accedes a tu panel de Blogger desde Blogger in Draft comprobarás que hay añadidas nuevas funciones en su editor.

¿Qué es Blogger in Draft?

Es una versión de Blogger en la cual el equipo de Blogger va habilitando nuevas funcionalidades a modo de prueba. Para acceder a esta versión de Blogger, usamos los mismos datos que para acceder a nuestro panel de Blogger "normal", y una vez dentro lo usamos exactamente igual que hacemos en Blogger. La única diferencia es que a la hora de añadir un nuevo elemento a nuestra sidebar, veremos algunas opciones que en el otro Blogger no están disponibles aún.
Podría decirse que Blogger in Draft es como un laboratorio donde se prueban nuevas funcionalidades antes de sacarlas definitivamente al público.

Aunque la información respecto a las imágenes que vamos a subir aparece en inglés, no es difícil de entender, nos informa por ejemplo que podemos usar archivos de imagen en formato JPG, GIF o PNG.

Debajo aparece una frase que dice "Images will we added to this Picasa album" o lo que es lo mismo "Las imágenes han sido añadidas a este álbum de Picasa" y vemos el título del blog en el que estamos trabajando ya que el álbum que se crea en Picasa para las imágenes subidas al mismo, llevará el mismo título.

En ese mismo despegable, aparece una lista con el resto de blogs que tenemos en Blogger, aunque eso no quiere decir que si escogemos uno que no sea en el que estamos trabajando en ese momento las imágenes vayan al álbum de ese blog... las imágenes van a ir siempre al álbum de Picasa creado para el blog desde donde las subimos.

Si pinchamos a la derecha de la ventana, donde dice "Álbunes Web de Picasa veremos una vista previa de los albunes que tenemos allí alojados.

Para acceder a nuestra cuenta de Picasa y ver los albunes de imágenes subidas a nuestros blogs, lo hacemos con los mismos datos de acceso de nuestra cuenta de Blogger.

Nota:

Si aún no sabías que Picasa estaba integrado con Blogger te interesará leer esta información:
Usar Álbumes web de Picasa con Blogger

Para añadir un vídeo es tan sencillo como pinchar en el icono y una vez en la pantalla que se abre, pinchar en Examinar, localizar el vídeo en nuestro PC y pinchar al fin en Unpload.

En cuanto al traductor dispone de dos opciones: Traducir y Definir.
Para usar el Traducir marcamos con el puntero del ratón donde vamos a incluir la palabra traducida en modo Redactar del editor, después escogemos el idioma del que vamos a traducir y el idioma que traduciremos el texto, nos mostrará una lista con las posibles traducciones, pinchamos sobre la que vamos a utilizar y damos en Insertar, la palabra que aparecerá de forma automática donde marcamos con el puntero.

He podido comprobar que en el caso de traducción de frases enteras, se traduce de forma automática, no presenta varias opciones como en el caso de una palabra sola.

El traductor usa la tecnología del Diccionario de Google así que la forma de usarlo es prácticamente la misma.

En el caso de la opción Definir, los resultados te muestran una serie de resultados en Google a los que, si he de ser sincera, no encuentro ninguna utilidad...

Enlace Siguiente Blog en la Navbar mejorado

Desde Blogger Buzz nos informan de una nueva mejora que se ha incluido en la Navbar de Blogger.

Traduzco la entrada al español que viene a decir algo así:

Algunos de ustedes se habrán preguntado para que sirve el enlace Siguiente que vemos en la NavBar de Blogger.
Ese enlace se utiliza para llevar al usuario a un blog al azar, publicado en Blogger, si una vez en ese blog se pincha de nuevo en Siguiente, el enlace nos mostrará otro blog al azar y así sucesivamente.
El blog o blogs a los que llegamos de esta manera, podría estar escrito en un idioma distinto al nuestro, puede ser que el blog donde estamos sea sobre cocina por ejemplo, y el enlace nos lleve a uno sobre deportes...

Hemos hecho el enlace Siguiente más útil, por que ahora nos llevará a un blog con contenido similar al blog de donde partimos, en un idioma que usted entienda.
Si usted está leyendo un blog español sobre los alimentos, el vínculo de blog Siguiente probablemente le llevará a otro blog sobre los alimentos y en español.

Usted puede descubrir así un nuevo blog que quizá tenga curiosidad e intereses similares.
Vamos a terminar el despliegue de las nuevas mejoras en el enlace de blog Siguiente durante la próxima semana y esperamos que disfruten descubriendo blogs que es probable que le interesen.

Esta ha sido una diversión y un esfuerzo de colaboración en el equipo de Blogger y hemos contado con el apoyo que hemos recibido de otros equipos de Google.
Realmente esperamos que disfrute de la nueva función blog Siguiente tanto como nosotros.

Como usar correctamente el Leer más (More) en Blogger

Son muchas las personas que me solicitan ayuda últimamente para resolver el mismo problema: la sidebar sin motivo aparente se ve debajo de las entradas.

Esto puede ser causado por diferentes motivos, aunque en estos últimos días el problema común parece ser el uso de la "Leer más" o More que Blogger ha incluido en su nuevo editor.

El problema está en que el nuevo editor de Blogger incluye la opción de Leer más para ser usada desde la pestaña de Redactar, así que una vez hemos formateado la entrada a nuestro gusto, incluimos el More donde mejor nos parece y le damos a "Publicar entrada", podríamos llevarnos la desagradable sorpresa de encontrar que nuestra sidebar se "ha venido abajo".

Para solucionar esto una vez preparada nuestra entrada (antes de publicarla), debemos comprobar desde la pestaña Edición de HTML de nuestro editor que el More está bien colocado.

Ejemplo:

Supongamos que queremos publicar una entrada donde el texto de la misma vamos a mostrarlo centrado.

Una vez la hemos redactado seleccionamos el texto, lo centramos con el botón del editor e incluimos el Leer más o More, desde la pestaña Redactar del editor en la que estamos la entrada se vería como esta:

Todo parece estar correcto, pero si observamos la misma entrada desde la pestaña Edición de HTML, veríamos entonces algo como esto:

Vemos entonces que el Leer más o More, está "cortando" el div que hemos colocado para centrar el texto de la entrada, así que si diéramos a Publicar entrada en este momento con toda probabilidad la sidebar se "vendría abajo".
La forma de solucionar esto, sería volver a la pestaña de Redactar y centrar los dos párrafos o partes de la entrada (la que irá antes del More y la que irá después) por separado.
Volvemos entonces a mirar la entrada desde Edición de HTML y tendríamos que ver algo así:

El More ya no está "cortando" el div y  podremos publicar la entrada entonces sin temor a encontramos con el problema en la sidebar.

Pensad que esto podría suceder con cualquier etiqueta de las que habitualmente usamos en las entradas y no solo con los div, cualquier etiqueta que se abra antes de la colocación del More, también debe ser cerrada antes del mismo.

Si aún necesitáis una explicación más completa o no habéis entendido la mía, esta fantástica entrada de Vagabundia estoy segura que os ayudará a despejar cualquier duda al respecto.

Problema en "Diseño" del panel de Blogger

Llevo varios días recibiendo consultas sobre un problema aparecido en la parte de Diseño (añadir elementos de página) del panel de Blogger.

En todos los casos que me han consultado e incluso en el mio propio, los elementos de Diseño aparecen centrados, aunque esto no implica para nada a la vista "real" del blog o a su funcionamiento, ha provocado la alarma en muchos usuarios.

Parece ser que el error solo afecta a las plantillas con cambios en su diseño (customizadas), en el caso de las plantillas originales de Blogger sin cambios de diseño posteriores a su instalación, esto no sucede.

En el caso del Escaparte, así es como aparecen desde hace días los elementos de página:

Desde Known Issues for Blogger (Problemas conocidos por Blogger) informan a los usuarios del fallo y comentan que están investigando la causa para tratar de solucionarlo:

Saturday, November 07, 2009

"Layout" rearranging for users with customized templates is currently broken. We are investigating the issue.

¡Paciencia una vez más!

Actualización:

Parece ser que el equipo de Blogger ya ha solucionado el tema del error en Diseño.
En mi caso todo ha vuelto a la normalidad y me sigue llegando confirmación de que ha sido solucionado en otros casos que tenían el mismo problema.

Gadget para Twitter

Me he encontrado en kadazuro blog con este gadget diseñado en flash para mostrar los updates de Twitter en el blog.

Muestra nuestro avatar de Twitter y además mediante las flechitas que tiene incorporadas podemos ir retrocediendo a updates anteriores.

Para colocarlo solo tenemos que copiar y pegar el código en un gadget HTML aunque funciona perfectamente en las entradas, como podéis comprobar aquí mismo:

[1] Este es el código que deberemos copiar y pegar donde vayamos a mostrar el gadget:

<object width="170" height="140" bgcolor="#FFFFFF">
<param name="movie" value="http://kadazuro.com/twitter/twitterReader.swf?userId=RosaTorre&mainColor=0x336699&fontColor=0xFFFFFF&dateColor=0x336699&layoutMode=left">
</param>
<embed src="http://kadazuro.com/twitter/twitterReader.swf?userId=RosaTorre&mainColor=0x336699&fontColor=0xFFFFFF&dateColor=0x336699&layoutMode=left" type="application/x-shockwave-flash" width="170" height="140" bgcolor="#FFFFFF">
</embed>
</object>

[2] Modificaciones que podéis hacerle de forma manual:

userId=RosaTorre Cambiáis RosaTorre que es mi nick de Twitter por el vuestro. Fijaros que habréis de hacerlo dos veces.

mainColor =0x336699 Cambiáis por el código del color que queréis que tenga el la burbuja donde van incluidos los updates. Fijaros que tendréis que hacerlo sin tocar el 0x que está pegado al código del color.

fontColor=0xFFFFFF El color del texto de los updates, tendréis que respetar igual que antes el 0x previo al código del color.

dateColor=0x336699 El color del texto con la fecha de los updates.

bgcolor="#FFFFFF" El color de fondo del gadget.


[3] Las mismas modificaciones anteriores, pueden hacerse de forma automática desde el blog del creador del gadget a través de un generador incluido en la entrada de presentación del gadget.

Moderar los comentarios

Esta es una función de Blogger muy útil que podemos usar cómodamente desde nuestro propio panel, y que nos dará la posibilidad de ver todos los comentarios antes de que se publiquen en nuestro blog, lo que nos permitirá aceptarlos o rechazarlos según nos interese.

Se que es una función de sobra conocida por muchos de vosotros, pero últimamente he estado recibiendo emails sobre el tema de nuevos usuarios de Blogger que desconocían como activar esta opción, así que he decidido publicarlo para los que necesiten la información.

Esta opción se encuentra en la pestaña de Opciones - Comentarios, donde encontramos también las demás opciones de comentarios. Simplemente tenemos que marcar la opción "Siempre":

Al elegir "Siempre", vemos que sale una casilla  para introducir una dirección de correo electrónico.
Esto nos permite moderar los comentarios a través del correo electrónico, aunque esta función es opcional, ya que aunque la escojamos podremos moderar igualmente  los comentarios desde el panel de Blogger.

Una vez guardados los cambios, podemos empezar a recibir los nuevos comentarios con la seguridad de que nosotros seremos los primeros en leerlos, ya que a partir de este momento, todos los comentarios que recibamos se verán en una página especial llamada "Moderar comentarios", que encontraremos en la pestaña Creación de entradas:

Pinchando ahí, veremos una lista de todos los comentarios que hemos recibido en el blog, pero que aún no se han publicado.
La lista excluye de forma automática los comentarios hechos por los administradores del blog.
Los comentarios se mostrarán ordenados en función de la hora de creación, pero también podemos mostrarlos según la entrada, pinchando en la opción de clasificación "Nombre de entrada", en la parte de arriba.

En la página principal de nuestro panel (donde vemos el nombre de nuestros blogs) también aparecerá  la opción de moderación a la que también podremos acceder directamente desde allí:

• Los comentarios que ya se han publicado o rechazado se eliminan de la lista de moderación.

• Los comentarios rechazados se suprimen y no se pueden recuperar.

• Los comentarios aceptados se pueden también suprimir de la forma habitual, si decidimos más tarde eliminarlos.
  

• Únicamente podrán moderar comentarios los administradores de blog.

• Los miembros del equipo que no disfruten de privilegios de administrador no tendrán acceso a esta función.

Más información en Ayuda de Blogger

Botón "enviar entradas a FaceBook"

Hace unos días que a través de la última entrada de Blogger Widgets, me enteraba de que Facebook presentaba de forma oficial un botón que posibilita el envío de entradas.

El botón está disponible en cuatro modelos, todos ellos con un contador que mostrará la cantidad de veces que la entrada ha sido compartida en FaceBook.

¿Como colocar el botón en el blog?

[1] Antes que nada hemos de escoger que botón vamos a mostrar y copiar su código.

[2] Iremos a la parte de Edición HTML de nuestro panel y marcamos la casilla de "Expandir las plantillas de artilugios".

[3] Localizamos esta línea:

<div class='post-header-line-1'/>

y justo después, copiamos el código del botón elegido.

Si esa línea no estuviese disponible en nuestra plantilla, localizamos entonces esta:

<data:post.body/>

y justo antes, copiamos el código del botón elegido.

Códigos para los distintos modelos de botones

[1] Botón grande situado a la derecha del contenido de la entrada:

Código:

<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Para usar este mismo botón pero que se muestre a la izquierda del contenido de la entrada, cambiamos en el código anterior float:right por float:left


[2] Botón pequeño situado a la derecha del contenido de la entrada:

Código:

<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Para usar este mismo botón pero que se muestre a la izquierda del contenido de la entrada, cambiamos en el código anterior float:right por float:left