vendredi 7 septembre 2012

Récupérer une adresse RSS Feed

Sur Google Chrome, il n'est pas toujours évident de récupérer l'URL d'un flux RSS notamment si on veut l'afficher sur son site avec par exemple http://feed2js.org/ (voir exemple avec le Blogger dans la barre des widgets). Voici donc un modèle de ces URL. Il suffit de changer NomBlog par le nom du blog de votre choix.


RSS Feed d'un site (ou blog) en entier:

Atom 1.0: http://NomBlog.blogspot.com/feeds/posts/default
RSS 2.0: http://NomBlog.blogspot.com/feeds/posts/default?alt=rss

Par exemple: http://blogtricker.blogspot.com/feeds/posts/default?alt=rss

Feed pour les commentaires uniquement:

Atom 1.0: http://NomBlog.blogspot.com/feeds/comments/default
RSS 2.0: http://NomBlog.blogspot.com/feeds/comments/default?alt=rss

Suivre un commentaire en particulier:

Atom 1.0: http://NomBlog.blogspot.com/feeds/postId/comments/default
RSS 2.0: http://NomBlog.blogspot.com/feeds/postId/comments/default?alt=rss

jeudi 6 septembre 2012

Images dans Blogger

Ceci est un copié-collé partiel d'un article très intéressant de Le Blogger

Avant de commencer, je vous invite à jeter un coup d'œil sur mon article sur la nouveauté Blogger Draft qui permet de gérer les images que vous avez déjà publié dans un de vos Blogs.

Explication du code d'une image

Lorsqu'on ajoute une image dans un article, voici le code généré par Blogger (il faut cliquer sur Modifier le code HTML pour voir le code de l'image):
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkOxNpbqWlvllkMpt6tJlFjdkL_5XkDRA_hFfTbDvsHMYhChBem8Ibf0H_lZ1xusJm85kspFIuvyVNmGKXi8t-5dxVdcspS6R0CWs8FCTMOtjXEa2OXH6M0lUIav_cP3D_f7PGYlYoQjEQ/s1600-h/Otimiser-image-Blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><imgborder="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkOxNpbqWlvllkMpt6tJlFjdkL_5XkDRA_hFfTbDvsHMYhChBem8Ibf0H_lZ1xusJm85kspFIuvyVNmGKXi8t-5dxVdcspS6R0CWs8FCTMOtjXEa2OXH6M0lUIav_cP3D_f7PGYlYoQjEQ/s320/Otimiser-image-Blogger.png" /></a></div>
 - Tout le code est compris entre une DIV pour séparer l'image du texte de l'article.
 - Blogger ajoute automatiquement une balise Lien à l'image, c'est à dire que l'image est cliquable.
 - Si l'image est de grande Taille, Blogger peut afficher jusqu'à 20% de la taille réelle de l'image: s320
 - Lorsqu'on clique sur l'image on peut la voir dans les dimensions réelles : s1600-h
 - Blogger ajoute automatiquement de la marge à l'image, un peu d'espace à gauche et à droite (si l'image est centrée): style="margin-left: 1em; margin-right: 1em;"

Des marges ajoutées automatiquement par Blogger

Je sais que ma colonne des messages fait 600px et avant d'ajouter des images dans mes articles je les redimensionne à 600px.
Quand je les ajoute dans mon article, Blogger ajoute automatiquement une marge à gauche et à droite ce qui fait qu'on ne voit pas la totalité de l'image:
Donc pour enlevez ces marges, il faut cliquer sur Modifier le code HTML et supprimer le code style="margin-left: 1em; margin-right: 1em;" dans le code de l'image.

Maintenant notre image s'affichera entièrement (sans marges) :

La suite sur Le Blogger...