<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	>

<channel>
	<title>Touchcream</title>
	<atom:link href="http://touchcream.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://touchcream.com</link>
	<description>Un oeil sur le web</description>
	<pubDate>Tue, 29 Jun 2010 16:09:06 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.7</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>SEO, Social Engine Optimisation</title>
		<link>http://touchcream.com/2010/06/seo-social-engine-optimisation/</link>
		<comments>http://touchcream.com/2010/06/seo-social-engine-optimisation/#comments</comments>
		<pubDate>Tue, 29 Jun 2010 16:09:06 +0000</pubDate>
		<dc:creator>Touchcream</dc:creator>
		
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://touchcream.com/?p=706</guid>
		<description><![CDATA[Comme je le disais dans mon billet précédent, j&#8217;ai récemment trouvé comment obtenir un fort traffic assez ciblé via &#8230; un autre site que Google. Je vais donc expliquer en quoi consiste cette technique tout en essayant d&#8217;être le plus transparent possible. Seul point où je resterai vague c&#8217;est sur la monétisation, je vais en [...]]]></description>
			<content:encoded><![CDATA[<p><em>Comme je le disais dans <a href="http://touchcream.com/2010/06/introduction/">mon billet précédent</a>, j&#8217;ai récemment trouvé comment obtenir un fort traffic assez ciblé via &#8230; un autre site que Google. Je vais donc expliquer en quoi consiste cette technique tout en essayant d&#8217;être le plus transparent possible. Seul point où je resterai vague c&#8217;est sur la monétisation, je vais en parler mais sans révéler mes chiffres, vous comprendrez. Il faut tout de même prendre en considération deux ou trois choses, j&#8217;y suis allé en bon gros bourrin et le secteur que je visais était très approprié, si vous essayez de vendre des saucissons, ça risque d&#8217;être légèrement plus compliqué.</em><br/><br />
<img src="http://touchcream.com/wp-content/uploads/2010/06/facebook.png" alt="facebook" title="facebook" width="500" height="265" class="aligncenter size-full wp-image-714" /><br/><br />
<br/></p>
<h2>Le Cas</h2>
<p>Depuis maintenant quelques mois, les pages fans facebook ont pris une ampleur monstrueuse, à telle point que certaines atteignent le million et que quelques malins les utilisent pour gagner au mieux une dizaine d&#8217;euros par jours avec des services de liens sponsorisés tels que linkbucks. Je me suis pas mal penché là dessus flairant qu&#8217;il y avait quelque chose à en tirer, et il s&#8217;est avéré qu&#8217;effectivement, c&#8217;était exploitable. J&#8217;ai donc commencé à créer <a href="http://www.facebook.com/home.php?#!/pages/TRASH-UN-PROF-TABASSE-UN-ELEVE-DE-13-ANS-/121931657828866">une page</a> avec un faux compte où je forcais à devenir fan pour accéder à une vidéo. Les résultats ne furent pas à la hauteur de mes attentes, peu de fans, rémunération très faible (10ct/j) avec linkbucks. Pourtant tout y était &#8230; enfin presque.<br/><br />
Après avoir cherché ce qui n&#8217;allait pas, j&#8217;ai compris que je ne faisais pas ma promo correctement, mettre le lien sur la timeline ne suffisait pas. J&#8217;ai donc commencé à spammer les autres pages et groupes. Et là ce n&#8217;était plus pareil, 600 puis 1000 fans par jours, cependant la rémunération restait encore trop faible. C&#8217;est ici que je me suis démarqué des autres en ne sponsorisant plus les liens mais en envoyant directement les visiteurs sur <a href="http://sitefun.net">mon site</a> et non sur un site m&#8217;étant inconnu. Niveau revenus ça a complètement explosé, la cible (15-30 ans) clique à tout va, et dès lors qu&#8217;on optimise un peu les encarts publicitaire, c&#8217;est la fête à la saucisse. Après il suffisait de se développer quelques outils de statistiques pour voir quelles pages buzzaient le plus et la machine était en route.<br/><br />
Maintenant attention, je n&#8217;ai présenté que les aspects positifs et croyez moi les négatifs sont là. Premièrement, niveau épanouissement, c&#8217;est pas génial, super rébarbatif et pas super intéressant. Ensuite, Facebook repère vite et bien les spammeurs (je tends le baton pour me faire battre mais tant pis), il faut régulièrement créer de nouveaux comptes. Si votre cible n&#8217;est pas dans les 15-30 ans, ça ne sera que très peu (voir pas du tout) profitable. Enfin, LE problème majeur, si vous arrêtez, ça retombe direct.<br/><br />
Au final, oui, la technique est intéressante, j&#8217;ai appris pas mal de choses sur le fonctionnement de facebook avec des stats plutôt intéressantes que je raporterais peut être dans un prochain billet. Cependant, elle ne dure qu&#8217;un temps, en effet, les gens commencent à en avoir marre de toute ces pages (je les comprends &#8230;) et l&#8217;effet s&#8217;estompe, faire des records de visites n&#8217;est plus aussi facile qu&#8217;il y a 2 mois.<br/><br/></p>
<h3>L&#8217;application concrète</h3>
<p>Maintenant imaginons que j&#8217;ai un business qui touche la population 15-30 ans, je prendrais un exemple totalement au hasard, un site qui vends des goodies Twilight. Je crée un bon gros réseau de pages liant vers des actus/vidéos/promo twilight avec des liens de tout les côtés pour vendre mes produits. Ici l&#8217;application est concrète, j&#8217;attire plus efficacement qu&#8217;une simple page fan de mon site et pas besoin d&#8217;avoir une page à 1 million de fans pour commencer à poster des liens et obtenir du traffic ciblé. D&#8217;ailleurs c&#8217;est le site <a href="http://www.justalove.com/" rel="nofollow">Justalove</a> qui l&#8217;a bien compris en faisant des pages type &#8220;25 conseils pour séduire une femme&#8221; avec un paquet de liens vers leur site au lieu d&#8217;une page fan &#8220;Just A Love&#8221;. <br/><br/></p>
<h3>Conclusion</h3>
<p>Pour finir, mais ça on le savait déjà, un réseau social peut être intéressant pour créer un coup de buzz, mais cela reste éphémère. Néanmoins la petite &#8220;faille&#8221; de Facebook c&#8217;est que ce coup de buzz on peut le maintenir quotidiennement et avoir quelque chose de constant mais ça demande un certain investissement et ça ne sera pas éternel. D&#8217;ici deux mois, le réseau social aura surement changé sa politique sur les landing pages comme il comptait déjà le faire récemment, et cela signera la fin des &#8220;pages spams&#8221; comme on pourrait les appeller. Et à ce moment, il faudra trouver une autre technique ;)</p>
]]></content:encoded>
			<wfw:commentRss>http://touchcream.com/2010/06/seo-social-engine-optimisation/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Introduction</title>
		<link>http://touchcream.com/2010/06/introduction/</link>
		<comments>http://touchcream.com/2010/06/introduction/#comments</comments>
		<pubDate>Tue, 29 Jun 2010 07:03:57 +0000</pubDate>
		<dc:creator>Touchcream</dc:creator>
		
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://touchcream.com/?p=699</guid>
		<description><![CDATA[Aujourd&#8217;hui, il est indéniable que google est devenu incontournable si on veut obtenir un traffic consistant et de qualité. Cependant les coûts sont élevés à moins d&#8217;être un guru seo et on ne le devient pas du jour au lendemain à moins faire du marabou seo.
Bien que j&#8217;ai quelques notions en seo, je suis bien [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://touchcream.com/wp-content/uploads/2010/06/seo-blocks.jpg" alt="seo-blocks" title="seo-blocks" width="523" height="403" class="aligncenter size-full wp-image-702" /></p>
<p>Aujourd&#8217;hui, il est indéniable que google est devenu incontournable si on veut obtenir un traffic consistant et de qualité. Cependant les coûts sont élevés à moins d&#8217;être un guru seo et on ne le devient pas du jour au lendemain <del datetime="2010-06-29T06:34:06+00:00">à moins faire du marabou seo</del>.<br />
Bien que j&#8217;ai quelques notions en seo, je suis bien loin de pouvoir être considéré comme un référenceur. Il m&#8217;est donc venu à l&#8217;esprit que la réponse n&#8217;était peut-être pas chez Google tant que je n&#8217;aurai pas de réelles compétences dans ce domaine. La recherche a été plus ou moins fructueuse mais en fin de compte, j&#8217;ai trouvé et à vrai dire je suis impressionné, j&#8217;obtiens plusieurs milliers de visiteurs uniques par jours (entre 1000 et 3000 pour le moment) qui sont très ciblés. Ce qui est marrant c&#8217;est que ayant découvert cela, je suis allé voir du côté des blogs seo (white &#038; black hat) et à vrai dire beaucoup tournaient autour mais aucun ne l&#8217;exploitait réellement pour amener du traffic. Beaucoup le font, plus ou moins, mais très mal, et s&#8217;il y en a qui le font bien (il doit y en avoir) je ne les ais pas croisé.<br />
Pour être tout à fait franc, la technique n&#8217;est pas totalement clean, certaines choses sont &#8230; limites, mais je suis allé dans les extrêmes pour pouvoir étudier la chose à fond. Ceux qui voudraient être totalement transparent le peuvent et, si rondement mené, pourront tout aussi bien obtenir un traffic ciblé.<br />
Cependant, il y a quelques défauts, je vous le concède, notamment le fait que si vous n&#8217;entretenez cette source de traffic ça tombe très très vite ou encore qu&#8217;elle ne durera qu&#8217;un temps.<br />
Bref, je vous laisse l&#8217;eau à la bouche, <del datetime="2010-06-29T06:34:06+00:00">ou pas</del>, et prochainement (ce soir comme dans une semaine, je ne sais pas), je publierai un compte rendu complet.</p>
]]></content:encoded>
			<wfw:commentRss>http://touchcream.com/2010/06/introduction/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Thème gratuit SimpleBW</title>
		<link>http://touchcream.com/2010/06/theme-gratuit-simplebw/</link>
		<comments>http://touchcream.com/2010/06/theme-gratuit-simplebw/#comments</comments>
		<pubDate>Mon, 28 Jun 2010 10:13:21 +0000</pubDate>
		<dc:creator>Touchcream</dc:creator>
		
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://touchcream.com/?p=694</guid>
		<description><![CDATA[Bon ça fait un petit bout de temps que j&#8217;avais pas posté pour la simple et bonne raison que j&#8217;avais ce qu&#8217;on appelle le baccalauréat &#8230; Bref, je suis de retour pour vous jouer de mauvais tours et j&#8217;avais envie de faire peau neuve ici donc voici un nouveau thème très minimaliste, SimpleBW.
Je l&#8217;ai codé [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://touchcream.com/wp-content/uploads/2010/06/screenshot.png" alt="screenshot" title="screenshot" width="500" height="298" class="aligncenter size-full wp-image-696" /></p>
<p>Bon ça fait un petit bout de temps que j&#8217;avais pas posté pour la simple et bonne raison que j&#8217;avais ce qu&#8217;on appelle le baccalauréat &#8230; Bref, je suis de retour <del datetime="2010-06-28T09:37:13+00:00">pour vous jouer de mauvais tours</del> et j&#8217;avais envie de faire peau neuve ici donc voici un nouveau thème très minimaliste, SimpleBW.<br />
Je l&#8217;ai codé de zéro sans utiliser de template et je le met en téléchargement libre, vous pouvez en faire ce que vous voulez, sauf peut être le vendre ;).<br />
Pour ce qui est des fonctions complexes du thèmes, ne vous fatiguez pas, il n&#8217;y en a pas, ce thème s&#8217;adresse surtout à des blogs persos. Vous trouverez deux petits easter eggs, tels que le konami code et l&#8217;autre &#8230; non je ne vous dis pas mais voici un indice : &#8220;hdvgbkfljhcmlqs&#8221;.<br />
Amusez vous, et si jamais vous l&#8217;utilisez ou que vous en parlez sur votre site, dites moi, je me ferais un plaisir de rajouter un lien vers votre blog dans ce billet, see ya ! </p>
<p><a href="http://touchcream.com/SimpleBW.zip">TELECHARGER SimpleBW</a></p>
]]></content:encoded>
			<wfw:commentRss>http://touchcream.com/2010/06/theme-gratuit-simplebw/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Incruster des sous-titres rapidement sous Mac</title>
		<link>http://touchcream.com/2009/12/incruster-des-sous-titres-rapidement-sous-mac/</link>
		<comments>http://touchcream.com/2009/12/incruster-des-sous-titres-rapidement-sous-mac/#comments</comments>
		<pubDate>Wed, 23 Dec 2009 10:59:58 +0000</pubDate>
		<dc:creator>Touchcream</dc:creator>
		
		<category><![CDATA[Mac]]></category>

		<guid isPermaLink="false">http://touchcream.com/?p=668</guid>
		<description><![CDATA[Tonton Desmond qui s&#8217;est perdu sur une île
Les sous titres sont de plus en plus présents sur la toile, indispensables pour pouvoir regarder les films de vacances hebdomadaires étrangers. Cependant, il est souvent pratique de les incruster pour pouvoir les regarder sur un lecteur dvd qui ne les gère pas ou encore regarder les films [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="size-full wp-image-670" title="3_page5_1" src="http://touchcream.com/wp-content/uploads/2009/12/3_page5_1.jpg" alt="Tonton Desmond qui s'est perdu sur une île " width="463" height="334" /><br />
<span style="color: #888888;"><em>Tonton Desmond qui s&#8217;est perdu sur une île</em></span></p>
<p>Les sous titres sont de plus en plus présents sur la toile, indispensables pour pouvoir regarder les films de vacances hebdomadaires étrangers. Cependant, il est souvent pratique de les incruster pour pouvoir les regarder sur un lecteur dvd qui ne les gère pas ou encore regarder les films sur son iPod (ou autre terminal).</p>
<p>Seulement voila, ce n&#8217;est pas si simple. Si vous aussi vous avez déjà cherché un logiciel rapide, simple et efficace pour effecteur cette tache, en particulier sous mac &#8230; vous n&#8217;avez très probablement rien trouvé de concluant. C&#8217;est pourquoi je partage aujourd&#8217;hui avec vous<a href="http://www.bitfield.se/submerge/index.html&quot; rel=&quot;nofollow"> Submerge</a>. Une application tout juste sensationnelle puisqu&#8217;elle permet d&#8217;incruster des sous titres en quelques secondes (20 secondes pour 1h30 de film) et de convertir sous le format que vous désirez sans perte de qualité.</p>
<p>L&#8217;appli est payante mais pour 9$ (6€) cela vaut vraiment le coup !</p>
]]></content:encoded>
			<wfw:commentRss>http://touchcream.com/2009/12/incruster-des-sous-titres-rapidement-sous-mac/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Google connait-il des limites ?</title>
		<link>http://touchcream.com/2009/12/google-connait-il-des-limites/</link>
		<comments>http://touchcream.com/2009/12/google-connait-il-des-limites/#comments</comments>
		<pubDate>Fri, 18 Dec 2009 21:59:07 +0000</pubDate>
		<dc:creator>Touchcream</dc:creator>
		
		<category><![CDATA[Google]]></category>

		<guid isPermaLink="false">http://touchcream.com/?p=655</guid>
		<description><![CDATA[Même après environ 11 ans d&#8217;existence, Google n&#8217;arrête plus sa croissance et au lieu de ralentir, celle-ci tend plutôt vers une allure exponentielle. En effet après avoir dominé le milieu de la recherche sur internet, la société a continué de s&#8217;étendre avec des services comme Gmail, ou bien encore Adsense, surement la plus grosse régie [...]]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-658" title="1_google_logo" src="http://touchcream.com/wp-content/uploads/2009/12/1_google_logo.jpg" alt="1_google_logo" width="400" height="282" /></p>
<p>Même après environ 11 ans d&#8217;existence, Google n&#8217;arrête plus sa croissance et au lieu de ralentir, celle-ci tend plutôt vers une allure exponentielle. En effet après avoir dominé le milieu de la recherche sur internet, la société a continué de s&#8217;étendre avec des services comme Gmail, ou bien encore Adsense, surement la plus grosse régie publicitaire sur le web à l&#8217;heure d&#8217;aujourd&#8217;hui. Seulement voila, internet c&#8217;est bien joli mais le géant à encore faim et depuis quelques années maintenant il se prépare à sortir de ce domaine pour partir à la conquête d&#8217;un nouveau monde, celui du concret.</p>
<p>Vous n&#8217;avez surement pas loupé la grosse news de ces derniers jours avec la confirmation d&#8217;un téléphone fait par Google (construit par HTC) et surtout vendu par Google. Déjà qu&#8217;on trouvait qu&#8217;Apple faisait fort en vendant son téléphone avec des forfaits exorbitants pour le public visé (qui ne choquent plus personne aujourd&#8217;hui), Google fait encore plus fort en vendant lui-même, tout seul, sans aide des opérateurs, son propre téléphone. Mais qu&#8217;est-ce que cela veut dire ?</p>
<p>Pour comprendre, retour en Août 2005, une petite boite qui commence à faire parler d&#8217;elle est rachetée par Big Brother, son nom ? Android. Ce rachat sera à la base du développement acharné de l&#8217;OS &#8220;open-source&#8221; pour mobiles que l&#8217;on connait aujourd&#8217;hui. Ainsi, l&#8217;attaque massive de la téléphonie mobile par Google a bien été planifiée et au bout de 3 ans de préparations, le premier téléphone avec cette technologie voyait le jour, le G1 de HTC (encore eux ? tiens tiens &#8230;). A l&#8217;heure d&#8217;aujourd&#8217;hui c&#8217;est une bonne quinzaine de terminaux Android qui sont déjà disponibles et une grosse flopée prévue pour 2010. On peut d&#8217;ailleurs dire sans hésitation que les ventes de téléphones sous cet OS dépasseront largement celle de l&#8217;iPhone d&#8217;ici la fin de l&#8217;année prochaine. Cependant, distribuer un logiciel très ouvert aux fabricants de mobiles n&#8217;est en réalité que la partie visible de l&#8217;iceberg. Le but principal étant de petit à petit gagner leur confiance, gagner des parts de marché dans ce domaine et ensuite écraser toute cette vermine ! Le pire c&#8217;est que si certaines marques ne réagissent pas c&#8217;est bel et bien ce qui risque d&#8217;arriver car Google va entamer la deuxième partie de son processus de conquête et certains ne tiendrons pas.</p>
<p>En effet, la marque va lancer son propre téléphone qu&#8217;elle va vendre sans dépendre des opérateurs ou autres revendeurs et on parle bien du site le plus visité au monde, au point de vu impact publicitaire, on peut difficilement faire mieux, le succès sera <del datetime="2009-12-18T20:58:32+00:00">très probablement</del> au rendez vous. Contre cela, peu d&#8217;alternatives possibles, tout d&#8217;abord le &#8220;concurrent&#8221; (si on peut encore l&#8217;appeler comme ça) au niveau logiciel, Windows Mobile, va devoir faire de gros efforts pour s&#8217;aligner car à en voir leur rythme d&#8217;évolution, les fabricants ne vont pas les suivre longtemps préférant très probablement profiter du système Android  soutenu par une communauté de plus en plus grande et constituant un argument de vente de plus en plus solide. Mais malheureusement, je ne pense pas que cela pourra durer très longtemps et à moins de faire du très très bon matériel, des marques un peu faibles avec des moyens se réduisant peu à peu ont de fortes chances de disparaitre. Si par exemple Nokia continuent sur leur lancée, on est bien parti pour ne plus en entendre parler dans une petite dizaine d&#8217;année.</p>
<p>Néanmoins, pas de soucis à se faire pour certains comme Apple qui restera très probablement l&#8217;opposant principal pour un petit bout de temps, HTC qui a très vite su choisir son camp en devenant le constructeur privilégié de Google ou encore Blackberry qui sera difficilement indétrônable, surdominant la niche des smartphones professionnels.</p>
<p>Mais attention, croire que Google se contente de ça pour le moment et qu&#8217;il avisera ensuite n&#8217;est que pure illusion. Le maitre du web est déjà plus loin, visant toujours plus gros, se préparant à attaquer le domaine des ordinateurs. Et attention, aucune surprise ! Tout ce fera très probablement de la même manière qu&#8217;avec Android, un OS sortira, se développera, centralisera bien évidemment tout les services Google obligeant l&#8217;utilisateur à s&#8217;y inscrire et enfin, les premiers ordinateurs by Google verront le jour ce qui aura pour effet de faire trembler les constructeurs principaux, sauf le concurrent éternel, Apple qui, fidèle à son habitude, restera tranquille dans son coin sans réellement se soucier de ce qui se passe chez les autres.</p>
<p>Bien évidemment, tout ceci est une vision sur du long terme, mais je ne pense pas être trop loin de la réalité. Sur ce je vous donne rendez-vous dans dix ans (moins ?) pour l&#8217;ouverture du premier Google Store en France ;)</p>
]]></content:encoded>
			<wfw:commentRss>http://touchcream.com/2009/12/google-connait-il-des-limites/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Du relief sur vos textes en CSS 3</title>
		<link>http://touchcream.com/2009/12/du-relief-sur-vos-textes-en-css-3/</link>
		<comments>http://touchcream.com/2009/12/du-relief-sur-vos-textes-en-css-3/#comments</comments>
		<pubDate>Sat, 05 Dec 2009 11:56:15 +0000</pubDate>
		<dc:creator>Touchcream</dc:creator>
		
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://touchcream.com/?p=619</guid>
		<description><![CDATA[CSS 3 RULZ !!1!]]></description>
			<content:encoded><![CDATA[<div style="width: 437px; height: 128px; background-image: url('http://touchcream.com/lab/images/bg-relief.png'); background-repeat: no-repeat; margin: auto; padding: 0 0 10px 0;">
<h2 style="padding: 50px 0 0 80px; font-size: 30px; color: #222; text-shadow: 1px 1px 0px #f5f5f5;">CSS 3 RULZ !!1!<3</h2>
</div>
<p>Tout comme son acolyte le HTML 5, le CSS 3 va déchirer, plus besoin de le démontrer. Dernièrement j&#8217;ai découvert une petite manip bien sympathique, merci <a href="http://flayks.com" rel="nofollow">Félix</a>, pour créer un effet de relief sur des textes en utilisant le Cascading Style Sheet, (ça fait classe de le dire en entier :)). </p>
<p>Vous avez surement déjà remarqué les effets du style Photoshop ou Apple avec un ligne d&#8217;environ un pixel de couleur plus claire sous un texte donnant un effet &#8220;d&#8217;enfoncement&#8221;. Avant vous étiez obligé de faire une image ou de superposer deux textes avec un décalage d&#8217;un pixel (pas bon pour le ref !), mais maintenant avec la fonction &#8220;<strong>text-shadow</strong>&#8220;, plus besoin de tout ça. En une ligne de CSS vous avez un joli relief.</p>
<p>Ainsi placez votre texte sur un fond légèrement sombre, avec une couleur très sombre puis appliquez &#8220;text-shadow&#8221; sur le dit texte comme ceci :</p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"> <span style="color: #000000; font-weight: bold;">text-shadow</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #933;">1px</span> <span style="color: #933;">0px</span> <span style="color: #cc00cc;">#couleur</span><span style="color: #00AA00;">;</span></pre></div></div>

<p>Comment ça marche ? En gros la syntaxe de cette déclaration est la suivante &#8220;text-shadow : décalage-x décalage-y flou couleur&#8221;. Nous décalons donc d&#8217;un pixel vers la droite et vers le bas, n&#8217;appliquons pas de flou et utilisons une couleur plus claire que celle du texte. Le résultat est alors semblable à celui en entête de billet.</p>
]]></content:encoded>
			<wfw:commentRss>http://touchcream.com/2009/12/du-relief-sur-vos-textes-en-css-3/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Créer un graphique d&#8217;analyse Feedburner en PHP</title>
		<link>http://touchcream.com/2009/12/creer-un-graphique-danalyse-feedburner-en-php/</link>
		<comments>http://touchcream.com/2009/12/creer-un-graphique-danalyse-feedburner-en-php/#comments</comments>
		<pubDate>Wed, 02 Dec 2009 14:55:03 +0000</pubDate>
		<dc:creator>Touchcream</dc:creator>
		
		<category><![CDATA[PHP]]></category>

		<guid isPermaLink="false">http://touchcream.com/?p=598</guid>
		<description><![CDATA[Ça fait longtemps que je n&#8217;avais pas blogué ici et en ce moment l&#8217;envie me reviens. J&#8217;ai donc décidé de vous faire un petit tuto expliquant comment créer à l&#8217;aide de l&#8217;API Feedburner un graphique de croissance du nombre d&#8217;abonnés.
Tout d&#8217;abord, je vous invite à lire la doc de l&#8217;Awareness API de Feedburner ainsi qu&#8217;à [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://touchcream.com/wp-content/uploads/2009/12/graph.png" alt="graph" title="graph" width="520" height="253" class="aligncenter size-full wp-image-614" /></p>
<p>Ça fait longtemps que je n&#8217;avais pas blogué ici et en ce moment l&#8217;envie me reviens. J&#8217;ai donc décidé de vous faire un petit tuto expliquant comment créer à l&#8217;aide de l&#8217;API Feedburner un graphique de croissance du nombre d&#8217;abonnés.</p>
<p>Tout d&#8217;abord, je vous invite à lire la doc de l&#8217;<a href="http://code.google.com/apis/feedburner/awareness_api.html&quot; rel=&quot;nofollow">Awareness API</a> de Feedburner ainsi qu&#8217;à télécharger la librairie flash <a href="http://amcharts.com/&quot; rel=&quot;nofollow">amcharts</a> qui nous permettra de faire les graphiques.</p>
<p>Pour commencer on va créer un petit formulaire où l&#8217;utilisateur entrera le flux du blog et qui, uniquement s&#8217;il est validé, affichera le graphique :</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;">	<span style="color: #000000; font-weight: bold;">&lt;?</span> <span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">isset</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">&quot;Envoyer&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #666666; font-style: italic;">//Vérifie si le formulaire est envoyé</span>
    <span style="color: #009900;">&#123;</span>
		<span style="color: #009900;">&#125;</span><span style="color: #b1b100;">else</span><span style="color: #009900;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">?&gt;</span>
&lt;form action=&quot;http://<span style="color: #000000; font-weight: bold;">&lt;?=</span> <span style="color: #000088;">$_SERVER</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">&quot;SERVER_NAME&quot;</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">.</span> <span style="color: #000088;">$_SERVER</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">&quot;SCRIPT_NAME&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&quot; method=&quot;post&quot;&gt; &lt;!-- Envoi du formulaire sur la même page --&gt;
	&lt;INPUT type=&quot;text&quot;  name=&quot;flux1&quot;&gt; Flux du blog n1&lt;br/&gt;
	&lt;INPUT type=&quot;submit&quot; value=&quot;Envoyer&quot; name=&quot;Envoyer&quot;&gt;
&lt;/form&gt;
<span style="color: #000000; font-weight: bold;">&lt;?</span> <span style="color: #009900;">&#125;</span><span style="color: #000000; font-weight: bold;">?&gt;</span></pre></div></div>

<p>Ensuite comme vous avez lu la doc de l&#8217;API feedburner, vous savez que pour récupérer un fichier XML avec le nombre d&#8217;abonnés feedburner, il va vous falloir une url sous ce format : &#8220;<em>https://feedburner.google.com/api/awareness/1.0/GetFeedData?uri=Nom-Du-Blog&#038;dates=yyyy-mm-dd,yyyy-mm-dd</em>&#8220;. Il faut donc récupérer le nom du blog dans l&#8217;url qui nous a été donnée. Pour faire ça, un petit coup de explode et c&#8217;est dans la poche.</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?</span> <span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">isset</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">&quot;Envoyer&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #666666; font-style: italic;">//Vérifie si le formulaire est envoyé</span>
    <span style="color: #009900;">&#123;</span>
<span style="color: #000088;">$nom1</span> <span style="color: #339933;">=</span> <span style="color: #990000;">explode</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;/&quot;</span><span style="color: #339933;">,</span> <span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">&quot;flux1&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">// on récupère le nom</span>
<span style="color: #000088;">$flux1</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">&quot;https://feedburner.google.com/api/awareness/1.0/GetFeedData?uri=&quot;</span><span style="color: #339933;">.</span><span style="color: #000088;">$nom1</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">&quot;3&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&quot;&amp;dates=2009-08-21,2009-09-21&quot;</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">// on l'insère dans l'url</span>
<span style="color: #009900;">&#125;</span><span style="color: #b1b100;">else</span><span style="color: #009900;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">?&gt;</span>
&lt;form action=&quot;http://<span style="color: #000000; font-weight: bold;">&lt;?=</span> <span style="color: #000088;">$_SERVER</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">&quot;SERVER_NAME&quot;</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">.</span> <span style="color: #000088;">$_SERVER</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">&quot;SCRIPT_NAME&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&quot; method=&quot;post&quot;&gt; &lt;!-- Envoi du formulaire sur la même page --&gt;
	&lt;INPUT type=&quot;text&quot;  name=&quot;flux1&quot;&gt; Flux du blog n1&lt;br/&gt;
	&lt;INPUT type=&quot;submit&quot; value=&quot;Envoyer&quot; name=&quot;Envoyer&quot;&gt;
&lt;/form&gt;
<span style="color: #000000; font-weight: bold;">&lt;?</span> <span style="color: #009900;">&#125;</span><span style="color: #000000; font-weight: bold;">?&gt;</span></pre></div></div>

<p>Maintenant pas de secret, il va falloir charger le fichier XML, le parser (le rendre &#8220;lisible&#8221;), récupérer ce que l&#8217;on veut pour ensuite l&#8217;adapter à la structure de la librairie Flash. Il faut donc que vous vous inspiriez des exemples disponibles dans le dossier que vous aurez télécharger précédemment. J&#8217;ai ici choisi le format XML, il y en a d&#8217;autres, à vous de choisir.</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?</span> <span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">isset</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">&quot;Envoyer&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #666666; font-style: italic;">//Vérifie si le formulaire est envoyé</span>
    <span style="color: #009900;">&#123;</span>
<span style="color: #000088;">$nom1</span> <span style="color: #339933;">=</span> <span style="color: #990000;">explode</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;/&quot;</span><span style="color: #339933;">,</span> <span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">&quot;flux1&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">// on récupère le nom</span>
<span style="color: #000088;">$flux1</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">&quot;https://feedburner.google.com/api/awareness/1.0/GetFeedData?uri=&quot;</span><span style="color: #339933;">.</span><span style="color: #000088;">$nom1</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">&quot;3&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&quot;&amp;dates=2009-08-21,2009-09-21&quot;</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">// on l'insère dans l'url</span>
<span style="color: #000088;">$feed1</span> <span style="color: #339933;">=</span> <span style="color: #990000;">simplexml_load_file</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$flux1</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">// On charge et parse le fichier xml</span>
		<span style="color: #000088;">$series</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">&quot;&lt;series&gt;&quot;</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">// Préparation de variables pour restructurer un flux XML</span>
		<span style="color: #000088;">$subs1</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">&quot;&lt;/series&gt;&lt;graphs&gt;&lt;graph gid='0' title='&quot;</span><span style="color: #339933;">.</span><span style="color: #000088;">$nom1</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">&quot;3&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&quot;'&gt;&quot;</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">// Idem que ci-dessus</span>
		<span style="color: #000088;">$compt</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">0</span><span style="color: #339933;">;</span>
		<span style="color: #b1b100;">foreach</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$feed1</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">feed</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">entry</span> <span style="color: #b1b100;">as</span> <span style="color: #000088;">$entry</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span> <span style="color: #666666; font-style: italic;">/* Boucle où on récupère les données */</span>
		<span style="color: #000088;">$series</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$series</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&quot;&lt;value xid='&quot;</span><span style="color: #339933;">.</span><span style="color: #000088;">$compt</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&quot;'&gt;&quot;</span><span style="color: #339933;">.</span><span style="color: #000088;">$entry</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'date'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&quot;&lt;/value&gt;&quot;</span><span style="color: #339933;">;</span>
		<span style="color: #000088;">$subs1</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$subs1</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&quot;&lt;value xid='&quot;</span><span style="color: #339933;">.</span><span style="color: #000088;">$compt</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&quot;'&gt;&quot;</span><span style="color: #339933;">.</span><span style="color: #000088;">$entry</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'circulation'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&quot;&lt;/value&gt;&quot;</span><span style="color: #339933;">;</span>
		<span style="color: #000088;">$compt</span><span style="color: #339933;">++;</span>
		<span style="color: #009900;">&#125;</span>
		<span style="color: #000088;">$chart</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">&quot;&lt;chart&gt;&quot;</span><span style="color: #339933;">.</span><span style="color: #000088;">$series</span><span style="color: #339933;">.</span><span style="color: #000088;">$subs1</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&quot;&lt;/graph&gt;&lt;/graphs&gt;&lt;/chart&gt;&quot;</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">// Fin de la restructuration, le flux XML est dans $chart</span>
<span style="color: #009900;">&#125;</span><span style="color: #b1b100;">else</span><span style="color: #009900;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">?&gt;</span>
&lt;form action=&quot;http://<span style="color: #000000; font-weight: bold;">&lt;?=</span> <span style="color: #000088;">$_SERVER</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">&quot;SERVER_NAME&quot;</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">.</span> <span style="color: #000088;">$_SERVER</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">&quot;SCRIPT_NAME&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&quot; method=&quot;post&quot;&gt; &lt;!-- Envoi du formulaire sur la même page --&gt;
	&lt;INPUT type=&quot;text&quot;  name=&quot;flux1&quot;&gt; Flux du blog n1&lt;br/&gt;
	&lt;INPUT type=&quot;submit&quot; value=&quot;Envoyer&quot; name=&quot;Envoyer&quot;&gt;
&lt;/form&gt;
<span style="color: #000000; font-weight: bold;">&lt;?</span> <span style="color: #009900;">&#125;</span><span style="color: #000000; font-weight: bold;">?&gt;</span></pre></div></div>

<p>Notre nouveau flux XML est créé, il ne reste plus qu&#8217;à l&#8217;insérer dans un graphique. Pour cela, il faut insérer le code d&#8217;amcharts et charger les données :</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?</span> <span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">isset</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">&quot;Envoyer&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #666666; font-style: italic;">//Vérifie si le formulaire est envoyé</span>
    <span style="color: #009900;">&#123;</span>
<span style="color: #000088;">$nom1</span> <span style="color: #339933;">=</span> <span style="color: #990000;">explode</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;/&quot;</span><span style="color: #339933;">,</span> <span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">&quot;flux1&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">// on récupère le nom</span>
<span style="color: #000088;">$flux1</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">&quot;https://feedburner.google.com/api/awareness/1.0/GetFeedData?uri=&quot;</span><span style="color: #339933;">.</span><span style="color: #000088;">$nom1</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">&quot;3&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&quot;&amp;dates=2009-08-21,2009-12-02&quot;</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">// on l'insère dans l'url</span>
<span style="color: #000088;">$feed1</span> <span style="color: #339933;">=</span> <span style="color: #990000;">simplexml_load_file</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$flux1</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">// On charge et parse le fichier xml</span>
		<span style="color: #000088;">$series</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">&quot;&lt;series&gt;&quot;</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">// Préparation de variables pour restructurer un flux XML</span>
		<span style="color: #000088;">$subs1</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">&quot;&lt;/series&gt;&lt;graphs&gt;&lt;graph gid='0' title='&quot;</span><span style="color: #339933;">.</span><span style="color: #000088;">$nom1</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">&quot;3&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&quot;'&gt;&quot;</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">// Idem que ci-dessus</span>
		<span style="color: #000088;">$compt</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">0</span><span style="color: #339933;">;</span>
		<span style="color: #b1b100;">foreach</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$feed1</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">feed</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">entry</span> <span style="color: #b1b100;">as</span> <span style="color: #000088;">$entry</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span> <span style="color: #666666; font-style: italic;">/* Boucle où on récupère les données */</span>
		<span style="color: #000088;">$series</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$series</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&quot;&lt;value xid='&quot;</span><span style="color: #339933;">.</span><span style="color: #000088;">$compt</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&quot;'&gt;&quot;</span><span style="color: #339933;">.</span><span style="color: #000088;">$entry</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'date'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&quot;&lt;/value&gt;&quot;</span><span style="color: #339933;">;</span>
		<span style="color: #000088;">$subs1</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$subs1</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&quot;&lt;value xid='&quot;</span><span style="color: #339933;">.</span><span style="color: #000088;">$compt</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&quot;'&gt;&quot;</span><span style="color: #339933;">.</span><span style="color: #000088;">$entry</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'circulation'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&quot;&lt;/value&gt;&quot;</span><span style="color: #339933;">;</span>
		<span style="color: #000088;">$compt</span><span style="color: #339933;">++;</span>
		<span style="color: #009900;">&#125;</span>
		<span style="color: #000088;">$chart</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">&quot;&lt;chart&gt;&quot;</span><span style="color: #339933;">.</span><span style="color: #000088;">$series</span><span style="color: #339933;">.</span><span style="color: #000088;">$subs1</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&quot;&lt;/graph&gt;&lt;/graphs&gt;&lt;/chart&gt;&quot;</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">// Fin de la restructuration, le flux XML est dans $chart ?&gt;</span>
&nbsp;
&lt;!-- amline script--&gt;
		  &lt;script type=&quot;text/javascript&quot; src=&quot;lib/amline/swfobject.js&quot;&gt;&lt;/script&gt;
			&lt;div id=&quot;flashcontent&quot;&gt;
				&lt;strong&gt;Imposible d'afficher le graphique, Flash n'est pas à jour sur votre ordinateur.&lt;/strong&gt;
			&lt;/div&gt;
&nbsp;
			&lt;script type=&quot;text/javascript&quot;&gt;
				// &lt;![CDATA[		
				var so = new SWFObject(&quot;lib/amline/amline.swf&quot;, &quot;amline&quot;, &quot;800&quot;, &quot;400&quot;, &quot;8&quot;, &quot;#FFFFFF&quot;);
				so.addVariable(&quot;path&quot;, &quot;lib/amline/&quot;);
		  	so.addVariable(&quot;chart_data&quot;, encodeURIComponent(&quot;<span style="color: #000000; font-weight: bold;">&lt;?</span> <span style="color: #b1b100;">echo</span> <span style="color: #000088;">$chart</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&quot;)); &lt;!-- On charge les données --&gt;
		    so.addVariable(&quot;chart_settings&quot;, encodeURIComponent(&quot;&lt;settings&gt;&lt;background&gt;&lt;color&gt;#FFFFFF,#FFFFFF&lt;/color&gt;&lt;alpha&gt;100&lt;/alpha&gt;&lt;/background&gt;&lt;labels&gt;&lt;label&gt;&lt;y&gt;24&lt;/y&gt;&lt;width&gt;800&lt;/width&gt;&lt;align&gt;center&lt;/align&gt;&lt;text&gt;&lt;![CDATA[&lt;b&gt;Nom Du Graphique&lt;/b&gt;]]&gt;&lt;/text&gt;&lt;/label&gt;&lt;/labels&gt;&lt;/settings&gt;&quot;));
				so.write(&quot;flashcontent&quot;);
				// ]]&gt;
			&lt;/script&gt;
		&lt;!-- end of amline script --&gt; <span style="color: #000000; font-weight: bold;">&lt;?</span>
<span style="color: #009900;">&#125;</span><span style="color: #b1b100;">else</span><span style="color: #009900;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">?&gt;</span>
&lt;form action=&quot;http://<span style="color: #000000; font-weight: bold;">&lt;?=</span> <span style="color: #000088;">$_SERVER</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">&quot;SERVER_NAME&quot;</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">.</span> <span style="color: #000088;">$_SERVER</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">&quot;SCRIPT_NAME&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&quot; method=&quot;post&quot;&gt; &lt;!-- Envoi du formulaire sur la même page --&gt;
	&lt;INPUT type=&quot;text&quot;  name=&quot;flux1&quot;&gt; Flux du blog n1&lt;br/&gt;
	&lt;INPUT type=&quot;submit&quot; value=&quot;Envoyer&quot; name=&quot;Envoyer&quot;&gt;
&lt;/form&gt;
<span style="color: #000000; font-weight: bold;">&lt;?</span> <span style="color: #009900;">&#125;</span><span style="color: #000000; font-weight: bold;">?&gt;</span></pre></div></div>

<p>Et voila, vous avez désormais un joli graphique affichant un flux feedburner ! Maintenant à vous de le personnaliser tant dans le design que dans les fonctionnalités ;)</p>
<p>PS : Le script ne marche pas sur tout les serveurs en raison de la fonction simplexml_load_file() car certains hébergeurs ne l&#8217;autorise pas. De plus tout les flux ne fonctionneront pas, seuls ceux ayant l&#8217;API Awareness fonctionnent (80%).</p>
]]></content:encoded>
			<wfw:commentRss>http://touchcream.com/2009/12/creer-un-graphique-danalyse-feedburner-en-php/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Comment changer le nom de sa livebox ?</title>
		<link>http://touchcream.com/2009/08/comment-changer-le-nom-de-sa-livebox/</link>
		<comments>http://touchcream.com/2009/08/comment-changer-le-nom-de-sa-livebox/#comments</comments>
		<pubDate>Wed, 05 Aug 2009 08:27:03 +0000</pubDate>
		<dc:creator>Touchcream</dc:creator>
		
		<category><![CDATA[Tutoriaux]]></category>

		<category><![CDATA[changer]]></category>

		<category><![CDATA[comment]]></category>

		<category><![CDATA[livebox]]></category>

		<category><![CDATA[nom]]></category>

		<category><![CDATA[tuto]]></category>

		<category><![CDATA[tutoriel]]></category>

		<guid isPermaLink="false">http://touchcream.com/?p=568</guid>
		<description><![CDATA[Aujourd&#8217;hui j&#8217;ai décidé de vous faire un petit tuto (très simple) pour changer le nom de votre Livebox. Cela peut être plus amusant et plus facile pour identifier votre livebox si vous habitez dans un immeuble avec plusieurs réseaux WIFI.
Premièrement, connectez vous sur http://192.168.1.1/
Vous devriez tomber sur cette page :

Les identifiants sont normalement &#8220;admin&#8221; et [...]]]></description>
			<content:encoded><![CDATA[<p>Aujourd&#8217;hui j&#8217;ai décidé de vous faire un petit tuto (très simple) pour changer le nom de votre Livebox. Cela peut être plus amusant et plus facile pour identifier votre livebox si vous habitez dans un immeuble avec plusieurs réseaux WIFI.</p>
<p>Premièrement, connectez vous sur <a href="http://192.168.1.1/">http://192.168.1.1/</a><br />
Vous devriez tomber sur cette page :</p>
<p><img class="aligncenter size-full wp-image-569" title="image-15" src="http://touchcream.com/wp-content/uploads/2009/08/image-15.jpg" alt="image-15" width="447" height="228" /></p>
<p>Les identifiants sont normalement &#8220;admin&#8221; et &#8220;admin&#8221; à moins que vous les ayez changer lors d&#8217;une autre opération.</p>
<p>Une fois connecté, cliquez sur &#8220;Réseau sans fil&#8221;. Ensuite dans la partie &#8220;Paramétrage du réseau sans fil&#8221; changez le nom de votre Livebox et cliquer sur Configuration WEP.</p>
<p><img class="aligncenter size-full wp-image-573" title="image-17-copy" src="http://touchcream.com/wp-content/uploads/2009/08/image-17-copy.jpg" alt="image-17-copy" width="509" height="160" /></p>
<p>Vous n&#8217;avez plus qu&#8217;à vous reconnecter et le tour est joué !</p>
<p>Bien sûr, profitez en pour être imaginatif et mettre un peu de lol dans votre voisinage comme mon tout nouveau réseau wifi fraichement renommé :</p>
<p><img class="aligncenter size-full wp-image-572" title="image-13" src="http://touchcream.com/wp-content/uploads/2009/08/image-13.jpg" alt="image-13" width="454" height="243" /></p>
]]></content:encoded>
			<wfw:commentRss>http://touchcream.com/2009/08/comment-changer-le-nom-de-sa-livebox/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Lancement de Troposphère 5</title>
		<link>http://touchcream.com/2009/08/lancement-de-trobosphere-5/</link>
		<comments>http://touchcream.com/2009/08/lancement-de-trobosphere-5/#comments</comments>
		<pubDate>Tue, 04 Aug 2009 12:03:10 +0000</pubDate>
		<dc:creator>Touchcream</dc:creator>
		
		<category><![CDATA[Fail]]></category>

		<category><![CDATA[5]]></category>

		<category><![CDATA[congo]]></category>

		<category><![CDATA[fusée]]></category>

		<category><![CDATA[trobosphère]]></category>

		<guid isPermaLink="false">http://touchcream.com/?p=559</guid>
		<description><![CDATA[La course à l&#8217;espace est finie mais les congolais  n&#8217;ont pas dis leur dernier mot !
via
]]></description>
			<content:encoded><![CDATA[<p><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/sscYIVx4CgY&#038;hl=fr&#038;fs=1&#038;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/sscYIVx4CgY&#038;hl=fr&#038;fs=1&#038;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object></p>
<p>La course à l&#8217;espace est finie mais les congolais  n&#8217;ont pas dis leur dernier mot !</p>
<p><a href="http://twitter.com/vincentglad">via</a></p>
]]></content:encoded>
			<wfw:commentRss>http://touchcream.com/2009/08/lancement-de-trobosphere-5/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Be Hype tounaïte !</title>
		<link>http://touchcream.com/2009/08/be-hype-tounaite/</link>
		<comments>http://touchcream.com/2009/08/be-hype-tounaite/#comments</comments>
		<pubDate>Mon, 03 Aug 2009 20:46:06 +0000</pubDate>
		<dc:creator>Touchcream</dc:creator>
		
		<category><![CDATA[Mode]]></category>

		<category><![CDATA[Twitter]]></category>

		<category><![CDATA[hype]]></category>

		<category><![CDATA[pikachu]]></category>

		<category><![CDATA[tendance]]></category>

		<guid isPermaLink="false">http://touchcream.com/?p=545</guid>
		<description><![CDATA[Aujourd&#8217;hui mon esprit schizophrène s&#8217;est découvert un coté Lagerfeld, Karl pour les intimes et les gigolos (qui peuvent aussi devenir intimes). C&#8217;est le moment pour toi de devenir hype comme un unijambiste avec prothèse dans un hôpital de fortune roumain. Cependant, tu dois choisir un thème, comme tu es incapable de faire ce peu, je [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: left;">Aujourd&#8217;hui mon esprit schizophrène s&#8217;est découvert un coté Lagerfeld, Karl pour les intimes et les gigolos (qui peuvent aussi devenir intimes). C&#8217;est le moment pour toi de devenir hype comme un unijambiste avec prothèse dans un hôpital de fortune roumain. Cependant, tu dois choisir un thème, comme tu es incapable de faire ce peu, je vais le faire pour toi. Le thème sera donc Twitter !</p>
<p style="text-align: left;">On peut trouver pas mal de vêtements sur le web ornés de messages et autres symboles liés à ce site. Il est l&#8217;heure de te faire la panoplie complète du parfait petit twistah (twitter + gangsta, tu peux pas test).</p>
<p style="text-align: left;">Tout d&#8217;abord, commençons par le tee-shirt, point essentiel de ton acoutrement, c&#8217;est lui qui montrera aux autres mâles que tu es le dominant, que c&#8217;est toi qui règne sur tes 48 followers. Pour ceci, je t&#8217;ai sélectionné le magnifique &#8220;I&#8217;m Huge On Twitter&#8221; qui, dans le cas présent, pourra aussi te servir à compenser certains attibuts.</p>
<p style="text-align: center;"><img class="size-full wp-image-546  aligncenter" title="hugeontwitter" src="http://touchcream.com/wp-content/uploads/2009/08/hugeontwitter.jpg" alt="hugeontwitter" width="400" height="360" /></p>
<p style="text-align: left;">Ensuite, le pantalon. Pour cette partie, il te faudra rester sobre, un jogging bleu en coton suffira amplement. Rien ne sert d&#8217;afficher ton appartenance au réseau social, ton tee-shirt le fait déjà parfaitement. Cependant, il faut rester dans la couleur donc un joli bleu conviendra parfaitement.</p>
<p style="text-align: center;"><img class="size-full wp-image-547    aligncenter" title="ff_239965_l" src="http://touchcream.com/wp-content/uploads/2009/08/ff_239965_l.jpg" alt="ff_239965_l" width="250" height="250" /></p>
<p style="text-align: left;">Et pour finir, les chaussures ! Ah ! Les chaussures ! Éléments indispensables pour s&#8217;afficher en société. Elles signifient tout ce que tu es, sont le reflet de ta personnalité. Bien que celle-ci frôle les limites des méandres les plus profondes du néant, tu twittes, ce qui constitue tout de même une majeure partie de ton être, il faut donc l&#8217;exprimer dans tes chaussures (en plus c&#8217;est notre thème donc ça tombe bien). J&#8217;ai sélectionné de magnifiques sneakers avec lesquelles tu pourras sauter à pieds joints dans les flaques d&#8217;eau pour ensuite envoyer une twitpic et montrer à tout tes followers à quel point tu as la classe.</p>
<p style="text-align: center;"><img class="size-full wp-image-549  aligncenter" title="nike-sneaker-twitter" src="http://touchcream.com/wp-content/uploads/2009/08/nike-sneaker-twitter.jpg" alt="nike-sneaker-twitter" width="455" height="315" /></p>
<p style="text-align: left;">Voila ça y est, tu peux enfin te sentir comme le roi de la récréation quand tu régnais sur la cours du primaire en CM2 avec ta gameboy. Maintenant tu peux enfourcher ta monture aka ton opel pour faire un tour en ville et t&#8217;afficher fièrement à un endroit très fréquenté, comme une boulangerie par exemple.</p>
<p style="text-align: left;">Je finirais avec un montage impressionnant et photoréaliste de la tenue complète, enjoy !</p>
<p style="text-align: center;"><img class="size-full wp-image-550  aligncenter" title="pikatwitt" src="http://touchcream.com/wp-content/uploads/2009/08/pikatwitt.jpg" alt="pikatwitt" width="319" height="493" /></p>
<p style="text-align: left;">Même pikachu à la classe habillé comme ça, c&#8217;est Sacha qui doit être jaloux !</p>
]]></content:encoded>
			<wfw:commentRss>http://touchcream.com/2009/08/be-hype-tounaite/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
