20 de septiembre de 2006

Como poner tu propio feed RSS en la barra de direcciones en un blog blogspot.com de Blogger

Seguimos con los 'off topic' hacks para Blogger, en esta entrada voy a explicar muy gráficamente como podemos ocultar los RSS Atom.xml y RSS.xml que tiene Blogger por defecto en la barra de tareas, y así hacer que al clicar sobre el icono RSS se cargue el feed que nosotros queramos o incluso si queremos poner más de uno, se nos de opción a elegir antes de suscribir.

Como poner tu propio feed RSS en la barra de direcciones, captura 01


Cargamos nuestro propio blog en el navegador, nos vamos al menú y buscamos la opción que muestre el código fuente de la página, la siguiente captura (y todas las demás) pertenecen a como seria en Mozilla Firefox:
Como poner tu propio feed RSS en la barra de direcciones, captura 02


Vemos que entre las líneas de código <title> y <style> aparecen unas cuantas líneas de código como las marcadas en la captura:
Como poner tu propio feed RSS en la barra de direcciones, captura 03


Volvemos a la ventana de nuestro blog (sin cerrar la ventana que muestra el código fuente) nos identificamos en nuestra cuenta de Blogger y en el menú de gestión del blog vamos a Plantilla, Editar actual.
Ahí también vemos las líneas <title> y <style>, pero en cambio entre medias sólo aparece la etiqueta <$BlogMetaData$> que Blogger se encarga de cambiar por todo lo que vimos antes marcado en color verde oliva al ser la plantilla genérica:
Como poner tu propio feed RSS en la barra de direcciones, captura 04


Ahora entre </title> y <$BlogMetaData$> debemos poner los enlaces a cada uno de los RSSs que queramos habilitar en la barra de navegación, la estructura de cada línea que añadamos debe ser esta:

<link rel="alternate" type="application/rss+xml" title="TITULO" href="URL" />


Cambiando TITULO y URL por lo que corresponda, ver captura:
Como poner tu propio feed RSS en la barra de direcciones, captura 05


Volvemos a la página del código fuente y seleccionamos y copiamos todo lo que haya entre <meta http-equiv> y <style> y lo pegamos en la ventana de edición de plantilla en Blogger sustituyendo la línea <$BlogMetaData$> por el código copiado:
Como poner tu propio feed RSS en la barra de direcciones, captura 06


Quedando así:
Como poner tu propio feed RSS en la barra de direcciones, captura 07


Ahora, en el código que acabamos de pegar vemos un par de líneas de tipo <link rel="alternate">, ver captura:
Como poner tu propio feed RSS en la barra de direcciones, captura 08


Pues las seleccionamos y las borramos, quedando así sólo las <link rel="alternate"> que antes pusimos nosotros:
Como poner tu propio feed RSS en la barra de direcciones, captura 09


Guardamos los cambios a la plantilla:
Como poner tu propio feed RSS en la barra de direcciones, captura 10


Y cuando se nos diga que la configuración ha sido guardada correctamente hacemos clic en el botón que nos insta a publicar el blog entero para ver cambios:
Como poner tu propio feed RSS en la barra de direcciones, captura 11


Tras esto vamos a Ver Blog, recargamos la página o pulsamos F5 para asegurarnos que nos saltamos la posible caché que pueda haber de nuestro blog en nuestro disco duro y cuando se haya recargado la página probamos que el icono RSS muestre nuestro RSS y no el de Blogger tal y como se ve en la captura:
Como poner tu propio feed RSS en la barra de direcciones, captura 12


Si sólo pusiste un RSS te invitará a suscribirte directamente al clicar sobre el icono RSS naranja, si pusiste más de uno (en mi caso que tengo puestos seis), te saldrá un recuadro informativo para que elijas a que RSS deseas suscribirte, si ponemos el ratón sobre cada una de las líneas vemos que efectivamente ahora redirige a la nueva dirección de nuestro/s feed/s.

Enhorabuena, ya lo tienes.
Un saludo.

Trucos para Blogger publicados:

2 comentarios: