HTML to RSS

CONVERSION URL EN RSS


Certains sites et pas des moindres, n'ont parfois pas de RSS à proposer. J'utilise personnellement Feedity.com pour convertir une simple page HTML en flux RSS. Et ça fonctionne!
Voici un exemple avec le site de l'Université du Colorado (Prévisions Cycloniques annuelles)
Une fois que mon lien RSS est créé, je l'utilise avec cet autre excellent site gratuit, http://feed2js.org, qui crée un javascript permettant d'afficher le RSS sur votre site ou votre Blog comme ci-dessous

D'autres sites permettant de créer un fil RSS à partir d'une simple page HTML. Certains sont simples, d'autres un peu plus compliqués.

1. Feedity est un outil en ligne très simple pour créer automatiquement un flux RSS pour n’importe quelle page Web.
2. Feed43 effectue la conversion de tout document HTML ou XML en flux RSS en isolant des extraits texte. Ce service n’est pas simple à manier mais il donne un contrôle complet sur les flux générés.
3. FeedYes génère des flux pour tout site Web ou page individuelle, on peut même combiner plusieurs flux pour n’en faire plus qu’un.
4. WebRSS permet de créer et de manipuler des flux RSS.
5. Dapper permet la création de Widgets pouvant suivre le contenu de tout site Web proposant ou nom des flux RSS. De très nombreuses options sont disponibles ainsi que des tutoriaux pour comprendre comment fonctionne l’outil.
6. Page2RSS est lui aussi un outil très simple pour convertir tout site Web en flux RSS et pour poster des flux RSS sur Twitter.
7. ChangeDetection est un outil puissant mais à l’interface austère permettant de surveiller les changements intervenant sur une page et de recevoir une notification par email.

Pour ma part j’utilise principalement Feedity qui me donne toute satisfaction.
Trouvé sur http://www.ballajack.com/

Comment rechercher des Flux RSS avec GOOGLE...

Recherche RSS Feeds
Vous rechercher un site proposant un flux RSS ? Il existe plusieurs solutions à ce problème. D'abord, vous pouvez vous rendre sur le grand nombre d'annuaires qui proposent ces flux, mais bien souvent on ne trouve pas ce qu'on cherche. Vous pouvez aussi utiliser le lecteur de flux RSS de Google, nous avons nommé Google Reader, mais le compte Google n'est pas non plus du goût tout le monde. Il existe enfin une petite formule magique utilisable sur le moteur de recherche Google. Pour cela, pas besoin de compte Google et vous avez des chances d'être satisfait quant à la qualité des résultats.

"mot-clé" inurl:rss.xml

Le "mot-clé" correspond au terme de votre recherche et peut être remplacé par "football, culture, politique, météo"... ou autre. Vous obtiendrez donc la liste proposant les flux RSS de sites.
Exemple: "météo" "antilles" inurl:rss.xml (ici, j'ai mis deux mots-clé)

On peut ensuite créer un favori. Il suffit de le lancer puis de modifier les mots clé ensuite.
D'après:
http://www.memoclic.com/1319-flux-rss/7241-flux-rss-google-moteur-recherche-reader-annuaire.html#ixzz1smhsdA3z

Afficher du code dans Blogger (2)

Une autre méthode... A tester, car tout n'est pas clair


Voici une classe CSS permettant d'ajouter assez aisément du code-source dans un article blogger.
Pour cela, il suffit de modifier votre modèle Blogger pour ajouter le style suivant.

pre.escaped {
background-color: #fff5bf; 
display: block;
font-family: Courier New, monospace;
font-size: 100%;
hasLayout: -1;
overflow: auto;
overflow-x: auto;
overflow-y: auto;
padding: 0px 0px 1.33em;
padding-bottom: 1.33em;
white-space: pre;
}

Pour utiliser ce modèle, il suffit de passer en "modifier code Html" et d'insérer le dit code dans un tag "pre" utilisant la classe "escaped".
N'oubliez pas de modifier tous les > et < par &gt; et &lt;.
<pre class="escaped"> ... un peu de code ... </pre>

http://domeu.blogspot.fr/2009/04/afficher-du-code-dans-blogger.html

Afficher du code dans Blogger

Je pense avoir enfin trouvé une "boîte" correcte pour afficher du code dans mes posts... Ça donne ça (le code est dans la boîte en question):

<div class="codebox" style="background-color: #e7eff0; font-family: sans-serif; font-size: 16px; line-height: 25px; text-align: left;">
<span style="color: #07515f;"><b>&gt;</b></span></div>

Comme d'hab, vous pouvez changer ce qui est en rouge... Utiliser les balises "span" ici n'est peut-être pas très académique, il y a certainement d'autres solutions, mais ça fonctionne et c'est court... C'est le principal.

• On peut remplacer d'ailleurs <span style="color: #07515f;"><b>&gt;</b></span></div> par <strong><font color="#07515F">&gt;</font></strong>
• &gt; correspond au signe ">" (non indispensable, je pense)
• A la publication, Blogger rajoute une ligne vide en haut du tableau (je ne sais pas pourquoi). Il suffit de rajouter une ligne vide en bas pour équilibrer.
• Il suffit de rentrer ce code dans votre modèle de message. Pensez à rajouter "ici" ou ">" avant et après le DIV pour pouvoir insérer votre texte car les DIV ne se déplacent pas si facilement que des tableaux ou des iframes...

Pop-Up

Lien qui ouvre un pop-up

<a href="http://www.nbbc.fr/orthodromie.htm" onclick="window.open(this.href, 'distancespointapoint', 'resizable=yes,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=no,dependent=no,width=435,left=20,height=300,top=300'); return false;">Distance point à point</a>

Exemple:
Distance point à point
Attention! Restez en "Modifier le code HTML" pour "publier le message", sinon Blogger le transformera automatiquement en lien classique. Blogger n'aime pas les Pop-ups!

Réorganisation des Labels

Attention, tout comme sur Tuxnotes, je suis en train de réorganiser les "labels" (ou Libellés). Cela peut prendre du temps car c'est assez fastidieux et long... Mais aucun message n'est supprimé à de rares exception près.

Widget "Votre IP"

Ce genre de gadgets est légion sur le Web, mais celui-ci est très léger, une simple petite image...

<p style="text-align: center; ">
<a href="http://www.spyber.com/" target="_blank"><img alt="Spyber.com - What is my IP and country" src="http://www.spyber.com/sig-54200.png" style="width: 400px; height: 20px; " /></a></p>

Vous pouvez modifier la "cible" ( target="_blank") du lien et les dimensions de l'image. Ce qui est modifiable est en rouge. L'image peut seulement être changée à l'adresse ci-dessous.
En savoir plus sur http://www.spyber.com/signature.html et ici pour le grand widget plus détaillé: http://www.spyber.com
Si vous enlevez style="width: 400px; height: 20px; " l'image sera affichée à sa taille d'origine.

Feed2JS - Using RSS Feeds in your web pages is just a cut 'n paste away

Utiliser les Flux RSS dans vos pages web avec juste un copier-coller...
Pour afficher les news par exemple... Voir les News de blogtricker.blogspot.com sur cette page: NEWS.


Pour le faire vous aussi:

1. Créez une page de news personnalisée dans Google Actualités.
2. Affichez votre nouvelle page de News...
3. Cliquez sur l'icône RSS à droite de la barre de navigation (Google Chrome)
4. Dans la page qui s'affiche, cliquez à droite sur "Flux". La page de "source" va s'afficher.
5. Récupérez l'adresse de cette page (sans "view-source:"): (Le mot clé utilisé est "Blogger") news.google.fr/news?pz=1&cf=all&ned=fr&hl=fr&q=Blogger&output=rss
6. Devant news.google.fr, ajoutez (s'il n'y est pas déjà) http:// ce qui donne ceci: http://news.google.fr/news?pz=1&cf=all&ned=fr&hl=fr&q=Blogger&output=rss (à faire dans un Bloc-Note).
7. Allez sur le site http://feed2js.org/index.php?s=build (Absolument gratuit, aucune inscription)
8. Dans le formulaire sous "URL Enter the web address of the RSS Feed (must be in http:// format, not feed://)", entrez l'adresse récupérée et modifiée précédemment, c-à-dire: http://news.google.fr/news?pz=1&cf=all&ned=fr&hl=fr&q=Blogger&output=rss .
9. Cliquez ensuite sur 'Preview" pour voir le résultat, puis "generate Javascript". Il est conseille de s'occuper aussi des autres options: nombre d'articles, etc...
10. Copiez-collez le code javascript dans votre page, post ou widget (Html-Javascript)

Bien entendu, il est tout-à-fait possible de faire cela avec tout autre RSS feed, les votres par exemple ou ceux d'un service météo comme ci-dessous (Observations météo pour St Martin, Antilles Fr par Wunderground.com):