Manual Cuadro Google Reader

Slide 1: Manual para insertar en tu blog un cuadro con los últimos post de tus blogs preferidos, mediante Google Reader. Con especial detalle para Blogspirit, Blogspot, Nireblog y Blogcindario. Editado por Blogosfera Gorria (12 de Diciembre de 2006)

Slide 2: Blogosfera Gorria Blogosfera Gorria es un colectivo de bloggers  que tenemos en común ser cargos públicos, militantes, simpatizantes o amigos y amigas de Ezker Batua Berdeak.

Slide 3: Dos previos. Evidentemente, antes de nada hay que  ser usuario de Google Reader y tener blogs suscritos es dicha aplicación.  Los post que aparecerán en el cuadro en nuestro blog, serán aquellos que seleccionemos como “shared”.

Slide 4: Entra en Google Reader. Introduce tu email y tu contraseña, y pincha en el botón Sign in

Slide 5: Pincha en Shared items

Slide 6: Pincha en put a clip of your shared items

Slide 7: Escribe el título que quieres que aparezca Elige el formato que quieres que tenga Selecciona el nº de elementos que quieres que contenga el cuadro Márcalo si quieres que aparezca el nombre del blog de donde viene el post Selecciona todo el texto HTML de este cuadro y dale a copiar. Luego deberás copiarlo en la plantilla de tu blog

Slide 8: Elige la plataforma en la que tienes tu blog Blogcindario.   Blogspirit.  Blogger.  Nireblog.

Slide 9: En tu panel de administración, pincha en plantillas

Slide 10: En tu plantilla, pincha en el icono de modificar

Slide 11: En el código de la plantilla, localiza, hacia la mitad, donde empieza el Menú de la derecha

Slide 12: Verás que puedes identificar los códigos de los diferentes elementos que tienes en el menu derecho Si quieres que el cuadro aparezca, por ejemplo, entre el bloque de categorías y el de enlaces, tendrás que escribir en este punto, Localiza donde lo quieres ubicar en tu blog

Slide 13: Donde quieras que vaya ubicado el cuadro, escribe un título para identificar lo que significa el código que vas a pegar. El texto debe comenzar por <! Y acabar en > para que no aparezca en el Por último, pega el blog código HTML que copiaste antes.

Slide 14: Pincha en continuar

Slide 15: Pincha en Actualizar blog y espera a que se guarden los cambios

Slide 16: El resultado tiene que ser algo parecido a esto

Slide 17: Esperamos que te haya resultado de utilidad. Si tienes alguna duda, ponte en contacto con nosotros blogosferagorria@gmail.com

Slide 18: En la pestaña de diseño, pincha en Contenido de la columna

Slide 19: Pon un nombre al código para identificarlo, y en el recuadro inferior pega el código que copiaste antes

Slide 20: Marca si quieres que el título que has puesto arriba aparezca en el blog o no; si quieres que el cuadro salga centrado en la columna o no, y finalmente pincha en agregar este elemento

Slide 21: Pincha si quieres que vaya en la columna izquierda o en la derecha. Esto puede variar según el estilo de tu blog.

Slide 22: Utiliza las flechas arriba y abajo para ubicar el cuadro entre las cosas que ya tienes en la columna

Slide 23: Por último pincha en Actualizar información

Slide 24: El resultado tiene que ser algo parecido a esto

Slide 25: Esperamos que te haya resultado de utilidad. Si tienes alguna duda, ponte en contacto con nosotros blogosferagorria@gmail.com

Slide 26: Podrás localizar los títulos que identifican lo que tienes puesto en la En tu panel de columna, y decidir dónde quieres administración del ubicar el cuadro blog, pincha en Más

Slide 27: Escribe un título que identifique al código que vas a colocar. La línea debe empezar por <! Y acabar en > para que el título no salga en el blog. A continuación pega el código que copiaste antes y pincha en Modificar

Slide 28: El resultado tiene que ser algo parecido a esto

Slide 29: Esperamos que te haya resultado de utilidad. Si tienes alguna duda, ponte en contacto con nosotros blogosferagorria@gmail.com

Slide 30: En la pestaña de Plantilla, localiza, hacia el final donde comienza el contenido de la columna lateral de tu blog (esto dependerá del diseño de tu blog, pero tiene que tener un texto similar a este)

Slide 31: Escribe un título que identifique al código que vas a colocar. La línea debe empezar por <! Y acabar en > para que el título no salga en el blog. A continuación pega el código que copiaste antes y pincha en Vista previa para comprobar que está correcto

Slide 32: El resultado tiene que ser algo parecido a esto

Slide 33: Para terminar tendrás que pinchar en Guardar cambios en plantilla y en Volver a publicar

Slide 34: Esperamos que te haya resultado de utilidad. Si tienes alguna duda, ponte en contacto con nosotros blogosferagorria@gmail.com