<?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/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>NeoSting.net &#187; widget</title>
	<atom:link href="http://neosting.net/tag/widget/feed" rel="self" type="application/rss+xml" />
	<link>http://neosting.net</link>
	<description>Le petit journal de NeoSting</description>
	<lastBuildDate>Thu, 09 Feb 2012 00:32:31 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Veiller et se servir de Collecta.com #Actualité  #NeoSting</title>
		<link>http://neosting.net/actualite/veiller-et-se-servir-de-collecta-com.html</link>
		<comments>http://neosting.net/actualite/veiller-et-se-servir-de-collecta-com.html#comments</comments>
		<pubDate>Mon, 12 Jul 2010 16:01:11 +0000</pubDate>
		<dc:creator>NeoSting</dc:creator>
				<category><![CDATA[Actualité]]></category>
		<category><![CDATA[collecta.com]]></category>
		<category><![CDATA[recherche]]></category>
		<category><![CDATA[veille]]></category>
		<category><![CDATA[widget]]></category>

		<guid isPermaLink="false">http://neosting.net/?p=5946</guid>
		<description><![CDATA[Si vous cherchez un outil en ligne pour faire de la veille, il existe des solutions que l'on ne compte plus. En voici une autre qui ne fait pas trop mal son boulot. Elle se nomme Collecta.com et un an après son lancement en beta, l'entreprise continue de grandir en collectant 4,7 millions de dollars [...]]]></description>
			<content:encoded><![CDATA[<p><img class="pic-right" src="http://neosting.smugmug.com/Produits-1/Affiche/logo-collecta/932178682_W6Zvn-350x300.jpg" alt="logo, collecta.com" /><span class="lettrine">S</span>i vous cherchez un outil en ligne pour faire de la veille, il existe des solutions que l'on ne compte plus. En voici une autre qui ne fait pas trop mal son boulot. Elle se nomme <a href="http://collecta.com/">Collecta.com</a> et un an après son lancement en beta, l'entreprise continue de grandir en <a href="http://blog.collecta.com/2010/06/10/collecta-raises-an-additional-4-7m-in-funding/">collectant 4,7 millions de dollars de nouveaux fonds</a>.<br />
<br />
On notera une <a href="m.collecta.com">version du service pour mobile</a>, et au passage, qu'il est possible de <a href="http://widget.collecta.com/">configurer un widget</a> pour son blog.<br />
<br />
Toutefois, cette veille se charge surtout de vérifier les sujets chauds en temps-réel via les incontournables agrégateurs à la <strong>twitter</strong> (<strong>Jaiku</strong>, <strong>identica</strong>...), ainsi que pour les images via <strong>Flickr</strong>, <strong>TwitPic</strong>, et <strong>yFrog</strong>. Côté vidéos, le service fouille chez <strong>Youtube</strong> et <strong>Ustream</strong>. On devrait aussi avoir des résultats provenant de commentaires et de blogs, mais ils ne sont pas très nombreux pour le moment. L'interface est plutôt simple mais pas forcément très jolie.<br />
<br />
Enfin, une <a href="http://developer.collecta.com/">API est disponible</a> pour les développeurs, et les utilisateurs pourront suivre leurs différentes requêtes sans avoir besoin de les relancer à nouveau, tout en modifiant les provenances pour chacune d'elles.<br />
<br />
Voici un widget en action, avec comme mot clefs : <strong>sarkozy</strong> et <strong>hadopi</strong>, très à la modes ces derniers temps.<br />
<br />
<script type="text/javascript">var CollectaWidget = {"path":"http://widget.collecta.com/widget.html?query=sarkozy%2C%20hadopi&#038;alias=Hot%20en%20France&#038;delay=2", "width":"660px", "height":"500px"};</script><script type="text/javascript" src="http://widget.collecta.com/collectawidget.js"></script><br />
<br />
Merci @sirchamallow pour <a href="http://twitter.com/sirchamallow/statuses/18355333851">son tweet</a></p>
<p>Partager ça sur <a target="_blank" href="http://twitter.com/home?status=RT @NeoSting: Veiller et se servir de Collecta.com http://goo.gl/wOglW">Twitter</a>.
<br />Article rédigé sur le blog de <a href="http://neosting.net/">NeoSting</a> à <a href="http://neosting.net/actualite/veiller-et-se-servir-de-collecta-com.html" title="Veiller et se servir de Collecta.com">cette adresse</a>.
<ul>
<li><a href="http://twitter.com/neosting" title="compte officiel de Cyrille NeoSting">Me suivre sur Twitter</a></li>
<li><a href="https://plus.google.com/111927034333604064488/" title="compte personnel de Cyrille NeoSting">Me suivre sur Google Plus</a></li>
<li><a href="https://plus.google.com/111366965126067392670/" title="Page sur Google Plus dédiée au blog">Suivre la Page+ de NeoSting.net</a></li>
<li><a href="http://www.facebook.com/pages/NeoStingnet/134289813295614/" title="Page sur facebook dédiée au blog">Suivre la page du blog sur facebook</a></li>
</ul></p><img src="http://neosting.net/?ak_action=api_record_view&id=5946&type=feed" alt="" /><p>Articles en relation : <ol>
<li><a href='http://neosting.net/services-en-ligne/journal-ou-comment-veiller-sur-les-plus-gros-partages-de-google.html' rel='bookmark' title='Journal+, ou comment veiller sur les plus gros partages de Google+'>Journal+, ou comment veiller sur les plus gros partages de Google+</a></li>
<li><a href='http://neosting.net/wordpress/des-widgets-a-gogo.html' rel='bookmark' title='Des Widgets à gogo !'>Des Widgets à gogo !</a></li>
<li><a href='http://neosting.net/wordpress/jquery-twitter-trackbacks-widget-un-must.html' rel='bookmark' title='jQuery Twitter Trackbacks Widget ; un must'>jQuery Twitter Trackbacks Widget ; un must</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://neosting.net/actualite/veiller-et-se-servir-de-collecta-com.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Le navigateur Opera sort le grand jeu #Logiciels  #NeoSting</title>
		<link>http://neosting.net/logiciels/le-navigateur-opera-sort-le-grand-jeu.html</link>
		<comments>http://neosting.net/logiciels/le-navigateur-opera-sort-le-grand-jeu.html#comments</comments>
		<pubDate>Wed, 03 Mar 2010 12:01:45 +0000</pubDate>
		<dc:creator>NeoSting</dc:creator>
				<category><![CDATA[Logiciels]]></category>
		<category><![CDATA[navigateur]]></category>
		<category><![CDATA[opera]]></category>
		<category><![CDATA[partage]]></category>
		<category><![CDATA[test]]></category>
		<category><![CDATA[widget]]></category>

		<guid isPermaLink="false">http://neosting.net/?p=4248</guid>
		<description><![CDATA[Très apprécié par ses utilisateurs, le navigateur Opera vient de sortir dans sa nouvelle mouture, en version 10.50. J'ai voulu, comme à chaque fois le tester, histoire de voir ce qu'il vaut pour un utilisateur peu expérimenté, et je dois dire que cette fois-ci, les développeurs ont mis le paquet. Et, ça tombe bien, puisque [...]]]></description>
			<content:encoded><![CDATA[<p><span class="lettrine">T</span>rès apprécié par ses utilisateurs, le <a href="http://www.opera.com/">navigateur Opera</a> vient de sortir dans sa nouvelle mouture, en <a href="http://www.opera.com/download/?os=windows&#038;ver=10.50&#038;local=y">version 10.50</a>. J'ai voulu, comme à chaque fois le tester, histoire de voir ce qu'il vaut pour un utilisateur peu expérimenté, et je dois dire que cette fois-ci, les développeurs ont mis le paquet. Et, ça tombe bien, puisque Microsoft s'est vu imposer de proposer le choix du navigateur via une nouvelle fenêtre (ballot screen) sur son Windows Se7en. Sans rentrer dans les détails, je trouve que c'est une bonne nouvelle, mais pourquoi faire chier uniquement Microsoft, alors que Apple et Linux proposent aussi leurs OS ?</p>
<h3>Quelle vitesse !</h3>
<p>Tout d'abord, Opera se ressent très nettement comme le navigateur actuellement le plus véloce, devant même Google Chrome. La vitesse d'affichage des pages, avec lui, est juste bluffante d'efficacité. Je peux même vous confirmer que face à Firefox, c'est le jour et la nuit, tellement la différence saute aux yeux. On ne parlera pas d'IE 8 qui a juste oublié d'attérir sur la même planète.<br />
<br />
Parlons aussi du <a href="http://www.opera.com/portal/turbo/">mode Turbo</a> qui permet d'accroitre davantage encore la vitesse d'affichage de pages lourdes. Mais si, ce mode est désactivé par défaut, je pense que c'est parce que son fonctionnement tiré de compressions extrêmes enlaidit un peu trop les images des sites et les rend non-conforme avec ce que veulent proposer les webmasters, qui auraient surement crier aux scandales. une manière simple et respectueuse de ne pas rentrer dans l'extrême. Toutefois, avec des connexions lentes, c'est encore une fois de plus un must. Dans ce mode, Il faudra aussi cliquer sur les animations flash pour les activer et les voir.</p>
<h3>Quelle ergonomie !</h3>
<p>Ensuite, et c'est peut-être au final ça l'essentiel, Opera se veut désormais surement le navigateur le plus ergonomique, voire même personnalisable du moment. Il fait de la place à la navigation en retirant les menus superflus. Un joli <strong>O</strong> de remplacement permettra tout de même de les retrouver. Et, toujours dans le but d'être adaptable aux besoins des clients, on notera que la barre des onglets, et celle des raccourcis pour <a href="http://widgets.opera.com/">les widgets</a>, marque-pages, etc sont déplaçables aux extrémités de l'écran. Les Widgets sont d'ailleurs indépendants du navigateur. On pourra par exemple mettre à gauche la barre des onglets et à droite la mini-barre des signets. Un véritable must franchement bien pensé, surtout pour les écrans larges.<br />
<br />
Opera propose aussi d'origine quelques fonctions disponibles uniquement sous forme d'extensions pour Firefox. Comme par exemple l'inspection des éléments d'une page. Ici, ce sont les développeurs qui font être aux anges. Un véritable débogueur en ligne, propre, et facilement accessible tout en étant extrêmement puissant est à leur disposition. Je le trouve même franchement mieux que celui du navigateur de Google, et dans une certaine équivalence à Firebug, en peut-être plus sobre et clair.<br />
<br />
Enfin, avec une inscription gratuite à <a href="http://unite.opera.com/">Opera Unite</a>, il sera possible d'utiliser un serveur web pour ses sites hébergés sur son ordinateur, mais aussi et surtout de partager des photos, des fichiers et de la musique (même si c'est privé, l'industrie musicale va adorer !) avec ses amis. La <a href="http://unite.opera.com/applications/">socialisation de ce navigateur</a> dispose d'une confortable avancée face à ses concurrents. Il sera même possible de totalement <a href="http://www.opera.com/link/" title="Opera Link">synchroniser Opera</a> sur des ordinateurs différents</p>
<h3>Quelques défauts</h3>
<p>En revanche, il faut au démarrage faire un peu le ménage de ces quelques sites sponsorisés dont l'utilisateur n'a pas forcément besoin. Ils sont présents depuis Speed Dial, qui évolue aussi, en proposant désormais de mettre 25 vignettes en page d'accueil (en le configurant). C'est surement suffisant pour monsieur tout le monde, mais c'est aussi aujourd'hui à des années lumière des possibilités du même plugin pour Firefox qui peut en proposer autant que l'on souhaite, organisés de plus par un système d'onglets bien foutu. Non, à la place, on se retrouve avec un moteur de recherche absolument inutile en haut, qui fait double-emploi avec celui du navigateur déjà intégré. Dommage. C'est ici une fonction très importante qui n'évolue pas assez face aux besoins croissants des utilisateurs.<br />
<br />
Son gros défaut aussi brille par l'absence d'extensions (<a href="http://widgets.opera.com/">widgets</a>) sérieuses actuellement disponibles. Je chipote un peu en parlant d'absence, mais force est de constater que face à Firefox, il ne peut rivaliser encore. Prenons l'exemple du widget <a href="http://widgets.opera.com/widget/5040/">le plus téléchargé</a>... Il faudrait que les développeurs chez Opera continuent leur très bon travail en s'inspirant davantage des extensions indispensables de Firefox, et que les créateurs de ces dernières les rendent compatibles avec Opera. Un certain <em>webmail notifier</em>, une optimisation complète de Google (<em>optimizegoogle</em>, <em>google preview</em>, <em>google date</em>) et surtout WOT (pour la sécurité) seraient par exemple les bienvenus. Espérons que cette nouvelle mouture leur donnera envie de s'y mettre.</p>
<p>Partager ça sur <a target="_blank" href="http://twitter.com/home?status=RT @NeoSting: Le navigateur Opera sort le grand jeu http://goo.gl/CxOhZ">Twitter</a>.
<br />Article rédigé sur le blog de <a href="http://neosting.net/">NeoSting</a> à <a href="http://neosting.net/logiciels/le-navigateur-opera-sort-le-grand-jeu.html" title="Le navigateur Opera sort le grand jeu">cette adresse</a>.
<ul>
<li><a href="http://twitter.com/neosting" title="compte officiel de Cyrille NeoSting">Me suivre sur Twitter</a></li>
<li><a href="https://plus.google.com/111927034333604064488/" title="compte personnel de Cyrille NeoSting">Me suivre sur Google Plus</a></li>
<li><a href="https://plus.google.com/111366965126067392670/" title="Page sur Google Plus dédiée au blog">Suivre la Page+ de NeoSting.net</a></li>
<li><a href="http://www.facebook.com/pages/NeoStingnet/134289813295614/" title="Page sur facebook dédiée au blog">Suivre la page du blog sur facebook</a></li>
</ul></p><img src="http://neosting.net/?ak_action=api_record_view&id=4248&type=feed" alt="" /><p>Articles en relation : <ol>
<li><a href='http://neosting.net/breves/html5-et-webm-dans-opera-et-en-natif.html' rel='bookmark' title='HTML5 et WebM dans Opera et en natif'>HTML5 et WebM dans Opera et en natif</a></li>
<li><a href='http://neosting.net/logiciels/opera-11-continue-son-long-virage-extensibles.html' rel='bookmark' title='Opera 11 continue son long virage extensible'>Opera 11 continue son long virage extensible</a></li>
<li><a href='http://neosting.net/logiciels/se7en-une-fenetre-pour-choisir-son-navigateur.html' rel='bookmark' title='Windows 7 : une fenêtre pour choisir son navigateur !'>Windows 7 : une fenêtre pour choisir son navigateur !</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://neosting.net/logiciels/le-navigateur-opera-sort-le-grand-jeu.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery Twitter Trackbacks Widget ; un must #Services en ligne  #WordPress  #NeoSting</title>
		<link>http://neosting.net/wordpress/jquery-twitter-trackbacks-widget-un-must.html</link>
		<comments>http://neosting.net/wordpress/jquery-twitter-trackbacks-widget-un-must.html#comments</comments>
		<pubDate>Thu, 26 Nov 2009 16:36:54 +0000</pubDate>
		<dc:creator>NeoSting</dc:creator>
				<category><![CDATA[Services en ligne]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[trackbacks]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[widget]]></category>

		<guid isPermaLink="false">http://neosting.net/?p=3221</guid>
		<description><![CDATA[J'aimerais vous présenter un plugin à installer sur votre site, qu'il soit sous wordpress ou sous n'importe-quelle autre plateforme. C'est un widget et il se nomme Twitter Trackbacks Widget. Son but est simple : afficher les utilisateurs qui ont transmis vos articles sur Twitter où bon vous semble (rétro-liens) Mais là où le projet de [...]]]></description>
			<content:encoded><![CDATA[<p><span class="lettrine">J</span>'aimerais vous présenter un plugin à installer sur votre site, qu'il soit sous wordpress ou sous n'importe-quelle autre plateforme. C'est un widget et il se nomme <a href="http://www.moretechtips.net/2009/11/twitter-trackbacks-widget-jquery-plugin.html">Twitter Trackbacks Widget</a>. Son but est simple : afficher les utilisateurs qui ont transmis vos articles sur Twitter où bon vous semble (rétro-liens)<br />
<br />
Mais là où <a href="http://code.google.com/p/twitter-trackbacks-widget/">le projet</a> de Mike (<a href="http://twitter.com/mike_more/">@mike_more</a>) est intéressant, c'est qu'il utilise le jQuery, devenu très à la mode en ce moment. On peut obtenir alors un affichage "glissant" des retweets de vos articles sans avoir à recharger la page. Voilà donc un juste retour des choses, puisque c'est aussi une manière de remercier ceux qui vous aident à faire connaître vos articles. Ils verront même leur pseudo cliquable pour pouvoir aussi de leur côté attirer de nouveaux tweetos (utilisateurs de twitter). Des boutons en dessous, permettent même de leur répondre directement. L'échange de liens est ici bien mis en avant, et c'est tant mieux.<br />
<br />
Concernant ce plugin, il possède de base 3 possibilités : un <a href="http://twitter-trackbacks-widget.googlecode.com/svn/v1/demo1.htm">affichage classique qui fait tourner sur 'une seule ligne'</a> les 3 derniers retweets, un <a href="http://twitter-trackbacks-widget.googlecode.com/svn/v1/demo2.htm">affichage avec des options modifiables "sur trois lignes"</a> des 9 derniers retweets, et enfin, un <a href="http://twitter-trackbacks-widget.googlecode.com/svn/v1/demo3.htm">affichage classique et fixe</a> des 9 derniers retweets de votre article. Mais en fait, grâce à son système d'<a href="http://code.google.com/p/twitter-trackbacks-widget/wiki/Options">options modifiables</a>, c'est un peu vous qui gérez ce que vous voulez voir s'afficher. A noter qu'en plus, la personnalisation est à faire - via les feuilles de style (CSS) - par vous-même.<br />
<br />
Mais vous savez quoi ? Le plus fort dans tout ça, c'est que vous n'aurez pas forcément besoin de connaissances particulières en jQuery, car à partir de seulement 3 lignes (ou plus suivant les options) de codes - à insérer dans votre thème - vous aurez accès à tout ce que je viens de citer. En revanche, même si je ne l'ai pas encore fait, il est fortement conseiller de télécharger le fichier et de l'appeler depuis votre propre serveur, car actuellement, le script et l'API sont déposés sur un compte google.<br />
<br />
Si vous voulez voir ce que cela peut donner, après avoir codé la partie css, vous pouvez, regarder en bas de chaque article, là où vous pouvez proposer un commentaire. N'ayant que peu de succès, je me suis simplement contenté d'afficher la version basique sur une seule ligne, mais si vous m'aimez tout plein fort d'amour, je mettrais l'une des deux autres options. Franchement, pour être honnête, je trouve <a href="http://www.moretechtips.net/2009/11/twitter-trackbacks-widget-jquery-plugin.html">Twitter Trackbacks Widget</a> très pratique, et j'aurai surement l'occasion de revenir vous parler des travaux de son auteur, car il n'en est pas à son coup d'essai. Merci à la <a href="http://www.w3avenue.com/2009/11/24/jquery-twitter-trackbacks-widget/">source</a> (anglais)</p>
<p>Partager ça sur <a target="_blank" href="http://twitter.com/home?status=RT @NeoSting: jQuery Twitter Trackbacks Widget ; un must http://goo.gl/kc9Bv">Twitter</a>.
<br />Article rédigé sur le blog de <a href="http://neosting.net/">NeoSting</a> à <a href="http://neosting.net/wordpress/jquery-twitter-trackbacks-widget-un-must.html" title="jQuery Twitter Trackbacks Widget ; un must">cette adresse</a>.
<ul>
<li><a href="http://twitter.com/neosting" title="compte officiel de Cyrille NeoSting">Me suivre sur Twitter</a></li>
<li><a href="https://plus.google.com/111927034333604064488/" title="compte personnel de Cyrille NeoSting">Me suivre sur Google Plus</a></li>
<li><a href="https://plus.google.com/111366965126067392670/" title="Page sur Google Plus dédiée au blog">Suivre la Page+ de NeoSting.net</a></li>
<li><a href="http://www.facebook.com/pages/NeoStingnet/134289813295614/" title="Page sur facebook dédiée au blog">Suivre la page du blog sur facebook</a></li>
</ul></p><img src="http://neosting.net/?ak_action=api_record_view&id=3221&type=feed" alt="" /><p>Articles en relation : <ol>
<li><a href='http://neosting.net/wordpress/afficher-autrement-certains-commentaires-et-trackbacks.html' rel='bookmark' title='Plugins pour commentaires et trackbacks'>Plugins pour commentaires et trackbacks</a></li>
<li><a href='http://neosting.net/aide-tutoriel/installer-un-bouton-twiiter-officiel-wordpress.html' rel='bookmark' title='Installer un bouton twitter officiel + wordpress'>Installer un bouton twitter officiel + wordpress</a></li>
<li><a href='http://neosting.net/services-en-ligne/formulists-la-gestion-des-listes-sur-twitter.html' rel='bookmark' title='Formulists : LA gestion des listes sur Twitter.'>Formulists : LA gestion des listes sur Twitter.</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://neosting.net/wordpress/jquery-twitter-trackbacks-widget-un-must.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Grooveshark rentre dans WordPress #WordPress  #NeoSting</title>
		<link>http://neosting.net/wordpress/grooveshark-rentre-dans-wordpress.html</link>
		<comments>http://neosting.net/wordpress/grooveshark-rentre-dans-wordpress.html#comments</comments>
		<pubDate>Tue, 09 Jun 2009 23:32:52 +0000</pubDate>
		<dc:creator>NeoSting</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[extension]]></category>
		<category><![CDATA[gratuit]]></category>
		<category><![CDATA[grooveshark]]></category>
		<category><![CDATA[module]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[widget]]></category>

		<guid isPermaLink="false">http://www.neosting-press.fr/?p=2087</guid>
		<description><![CDATA[Grooveshark, je suis sûr que vous connaissez. Une petite piqure de rappel ? Ok. c'est en fait un service gratuit d'écoute musicale en ligne ; oui encore un. Il semble pour le moment ne pas avoir été touché par la vague écrasante des majors, mais pour combien de temps encore ? Surtout que ce qui [...]]]></description>
			<content:encoded><![CDATA[<div id='gsWidget'><object width="250" height="40"><param name="movie" value="http://listen.grooveshark.com/songWidget.swf"></param><param name="wmode" value="window"></param><param name="allowScriptAccess" value="always"></param><param name="flashvars" value="hostname=cowbell.grooveshark.com&#038;widgetID=8259471&#038;style=metal&#038;p=0"></param> <embed src="http://listen.grooveshark.com/songWidget.swf" type="application/x-shockwave-flash" width="250" height="40" flashvars="hostname=cowbell.grooveshark.com&#038;widgetID=8259471&#038;style=metal&#038;p=0" allowScriptAccess="always" wmode="window"></embed></object></div>
<p><span class="lettrine">G</span>rooveshark, je suis sûr que vous connaissez. Une petite piqure de rappel ? Ok. c'est en fait un service gratuit d'écoute musicale en ligne ; oui encore un. Il semble pour le moment ne pas avoir été touché par la vague écrasante des majors, mais pour combien de temps encore ? Surtout que ce qui suit risque de ne pas plaire à certaines maisons de disques. En effet, il est possible avec un compte enregistré d'uploader ses propres chansons pour les rendre publique, et les poster à travers un widget, ou via l'écoute en ligne du site officiel. Alors, c'est vrai que son apparence peut sembler archaïque au premier abord, mais sans s'arrêter là, <a href="http://listen.grooveshark.com/">Grooveshark</a> n'en reste pas moins puissant, et comme Deezer, à une époque bénie des lobbyistes, continue de proposer toujours plus de titres et de fonctions.<br />
<br />
C'est le cas, aujourd'hui, puisque ce service propose une <a href="http://apidocs.tinysong.com/?utm_campaign=tinysong&#038;utm_medium=email&#038;utm_source=integrate-api&#038;utm_content=call-to-action">nouvelle API</a>, <strong>Tinysong API</strong>, qui comme pour TinyURL, va permettre avec quelques arguments de créer un lien web raccourci vers un titre ou une playlist. Ça va plaire forcément aux développeurs d'applications et aux utilisateurs de twitter, c'est certain. Mais ce n'est pas fini. <a href="http://listen.grooveshark.com/">Grooveshark</a> propose aussi <a href="http://www.grooveshark.com/wordpress/?utm_campaign=wordpress&#038;utm_medium=email&#038;utm_source=wordpress-plugin&#038;utm_content=link">un plugin pour WordPress</a>, le moteur de blog le plus utilisé parait-il. Ainsi, dans chaque billet que vous écrirez avec amour, vous pourrez, si vous le voulez, lui adjoindre un widget ou un simple lien renvoyant vers la musique de votre choix (pour peu qu'elle soit disponible) afin de mieux agrémenter vos propos. C'est vrai qu'en même temps, si on parle d'un album de musique, d'un concert ou d'un artiste précis, c'est mieux de donner un aperçu, histoire de montrer à quoi ça ressemble. Mais, je suis sûr que cette nouvelle fonction ne sera pas du goût des maisons de disques. C'est vrai, vous imaginez un peu toute cette promotion gratuite de leurs artistes ? Ça ira forcément à l'encontre de leurs principes.<br />
<br />
Comment ça marche ? Concrètement, après le téléchargement et l'installation traditionnelle, lorsque vous écrirez un nouveau billet, vous aurez en dessous des options supplémentaires pour ajouter un widget ou un lien, c'est selon, avec quelques options dont, bien sûr, celle de chercher les titres des chansons qui vont bien. Le tout se passe sans rechargement, et il est même possible d'écouter les titres avant de les inclure dans une playlist. Très simple d'utilisation, <a href="http://www.grooveshark.com/wordpress">Grooveshark pour WordPress</a> se chargera en fait, une fois validé, d'ajouter dans votre article le bon code, que vous pourrez bien sûr, à loisir, modifier, au cas où. Et, si vous ne voulez pas passer par un plugin, vous pouvez vous rendre <a href="http://widgets.grooveshark.com/">à cette adresse</a> pour créer quand même votre petit widget.<br />
<br />
Voilà, alors, ça ne vous a pas donné envie de vous refaire une petite révolution, comme celle de Jean-Michel Jarre, présentée au début de billet ? Comment ça, vous ne connaissez pas ? Et si vous aviez cliqué sur le bouton "Play" pour être sûr ? Oui, désormais, la musique finit donc dans le cœur même des blogs et de WordPress en particulier.</p>
<p>Partager ça sur <a target="_blank" href="http://twitter.com/home?status=RT @NeoSting: Grooveshark rentre dans WordPress http://goo.gl/L6rXH">Twitter</a>.
<br />Article rédigé sur le blog de <a href="http://neosting.net/">NeoSting</a> à <a href="http://neosting.net/wordpress/grooveshark-rentre-dans-wordpress.html" title="Grooveshark rentre dans WordPress">cette adresse</a>.
<ul>
<li><a href="http://twitter.com/neosting" title="compte officiel de Cyrille NeoSting">Me suivre sur Twitter</a></li>
<li><a href="https://plus.google.com/111927034333604064488/" title="compte personnel de Cyrille NeoSting">Me suivre sur Google Plus</a></li>
<li><a href="https://plus.google.com/111366965126067392670/" title="Page sur Google Plus dédiée au blog">Suivre la Page+ de NeoSting.net</a></li>
<li><a href="http://www.facebook.com/pages/NeoStingnet/134289813295614/" title="Page sur facebook dédiée au blog">Suivre la page du blog sur facebook</a></li>
</ul></p><img src="http://neosting.net/?ak_action=api_record_view&id=2087&type=feed" alt="" /><p>Articles en relation : <ol>
<li><a href='http://neosting.net/actualite/grooveshark-une-nouvelle-application-pour-les-smartphones.html' rel='bookmark' title='Grooveshark, une nouvelle application pour les smartphones'>Grooveshark, une nouvelle application pour les smartphones</a></li>
<li><a href='http://neosting.net/services-en-ligne/grooveshark-se-dote-dune-nouvelle-touche-sociale.html' rel='bookmark' title='Grooveshark se dote d&#8217;une nouvelle touche sociale'>Grooveshark se dote d&#8217;une nouvelle touche sociale</a></li>
<li><a href='http://neosting.net/musique/grooveshark-lalternative.html' rel='bookmark' title='Grooveshark, l&#8217;alternative'>Grooveshark, l&#8217;alternative</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://neosting.net/wordpress/grooveshark-rentre-dans-wordpress.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Vous êtes arrivé sur le Web 3.$ark0 #Actualité  #NeoSting</title>
		<link>http://neosting.net/actualite/vous-etes-arrive-sur-le-web-3ark0.html</link>
		<comments>http://neosting.net/actualite/vous-etes-arrive-sur-le-web-3ark0.html#comments</comments>
		<pubDate>Wed, 11 Mar 2009 00:53:00 +0000</pubDate>
		<dc:creator>NeoSting</dc:creator>
				<category><![CDATA[Actualité]]></category>
		<category><![CDATA[hadopi]]></category>
		<category><![CDATA[logiciel]]></category>
		<category><![CDATA[télécharger]]></category>
		<category><![CDATA[widget]]></category>

		<guid isPermaLink="false">http://www.neosting-press.fr/?p=1095</guid>
		<description><![CDATA[Ne vous-êtes vous jamais demandé ou allait nous mener le prochain Internet Made in Sarko-France ? Voilà ce que vous risquez de voir. Il faut dire que si cette loi Création et Internet passe (elle a été repoussée au lendemain, le 11), on devra probablement acheter et mettre sur son ordinateur un logiciel espion créé [...]]]></description>
			<content:encoded><![CDATA[<p><img class="pic-right" src="http://neosting.net/wp-content/uploads/2009/03/fedora-jail-linux-wallpapers-tux-or-tbag-prison-break.jpg" alt="fedora-jail-linux-wallpapers-tux-or-tbag-prison-break" title="fedora-jail-linux-wallpapers-tux-or-tbag-prison-break" width="320" height="240" class="imgavatar" /><span class="lettrine">N</span>e vous-êtes vous jamais demandé ou allait nous mener le prochain Internet Made in Sarko-France ? <a tite="Filtrage opérationnel du nouveau web 3.0" href="http://petaramesh.org/">Voilà ce que vous risquez de voir</a>.<br />
<br />Il faut dire que si cette loi Création et Internet passe (elle a été repoussée au lendemain, le 11), on devra probablement <strong>acheter</strong> et mettre sur son ordinateur un logiciel espion créé par l'HADOPI, et spécialement conçu pour nous aider à nous protéger des mauvaises intentions qu'on pourrait avoir à télécharger une distribution Linux en P2P.<br />
<br />Selon les termes de la loi, il devrait donc nous permettre de mieux nous défendre des crackers en cas de problème, et/ou de montrer notre bonne foie, en cas de mise en culpabilité directe.<br />
<br />
Heureusement qu'il sera là aussi ce spyware pour nous protéger de ces mésaventures ! Oui, parce que <a title="Numerama : Pour Albanel, la Quadrature du Net c'est 5 gus dans un garage" href="http://www.numerama.com/magazine/12233-Pour-Albanel-la-Quadrature-du-Net-c-est-5-gus-dans-un-garage.html">selon Miss Alba'</a> qui est une experte reconnue en réseau informatique, il suffit juste de <a title="site officiel de la Quadrature du Net" title="http://www.laquadrature.net/" href="http://www.numerama.com/magazine/12233-Pour-Albanel-la-Quadrature-du-Net-c-est-5-gus-dans-un-garage.html">5 gus dans un garage</a> pour <strong><a title="La Quadrature du Net accusée par le cabinet d'Albanel de fabriquer des IP" href="http://www.numerama.com/magazine/12264-La-Quadrature-du-Net-accusee-par-le-cabinet-d-Albanel-de-fabriquer-des-IP.html">fabriquer des IPs</a></strong> et envoyer en un rien de temps ensuite des milliers d'emails différents et signés (pour la plupart) de personne existantes !<br />
<br />
Heureusement qu'elle est là pour nous ouvrir les yeux ! Quel bonheur d'avoir une ministre de la culture aussi au fait de la technologie ! Alors, juste un truc, ma bonne dame, si, effectivement il est tout à fait possible de <strong>détourner</strong> de vraies adresses IP, d'en injecter aussi de vraies (les mêmes ?) dans des trackers - oups, pardon pas de vulgarité entre-nous -, il est déjà plus difficile de combiner le détournement d'IPs avec des mails diversifiés et appartenant en apparence à de vraies personnes. c'est vrai que le Spamming s'en rapproche un peu, mais si, ces 5 gus l'avaient fait aussi vite depuis leur garage, il auraient été déjà mis en prison !<br />
<br />
Ah, mais, pendant que j'y pense ; Si on peut "fabriquer" des adresses IP comme vous le dites, ne pensez-vous pas que votre loi - se basant sur des adresses IP récoltées par la haute autorité - pourrait couper Internet à de gens innocents ? Bien, oui, imaginez un peu que quelqu'un fabrique une IP et que manque de bol pour moi cette IP corresponde à la mienne ? Moi qui suis parti en voyage de noces au Mexique, je devrais donc, à mon retour, retrouver un mail à chercher dans le dossier SPAM, une lettre recommandée à aller chercher au bureau de poste le plus proche, ou même pire, ma Box directement déconnectée pour un an ?<br />
<br />
Bon, je crois que je vais aller me coucher, et dans l'espoir que personne ne fabrique mon IP, je vais prier DIEU avant de dormir pour lui demander d'être vigilant pour moi, car lui seul en a les pouvoirs. J'espère me réveiller avec l'assurance que ce mouchard n'existe jamais.</p>
<p>Partager ça sur <a target="_blank" href="http://twitter.com/home?status=RT @NeoSting: Vous êtes arrivé sur le Web 3.$ark0 http://goo.gl/aNqzx">Twitter</a>.
<br />Article rédigé sur le blog de <a href="http://neosting.net/">NeoSting</a> à <a href="http://neosting.net/actualite/vous-etes-arrive-sur-le-web-3ark0.html" title="Vous êtes arrivé sur le Web 3.$ark0">cette adresse</a>.
<ul>
<li><a href="http://twitter.com/neosting" title="compte officiel de Cyrille NeoSting">Me suivre sur Twitter</a></li>
<li><a href="https://plus.google.com/111927034333604064488/" title="compte personnel de Cyrille NeoSting">Me suivre sur Google Plus</a></li>
<li><a href="https://plus.google.com/111366965126067392670/" title="Page sur Google Plus dédiée au blog">Suivre la Page+ de NeoSting.net</a></li>
<li><a href="http://www.facebook.com/pages/NeoStingnet/134289813295614/" title="Page sur facebook dédiée au blog">Suivre la page du blog sur facebook</a></li>
</ul></p><img src="http://neosting.net/?ak_action=api_record_view&id=1095&type=feed" alt="" /><p>Articles en relation : <ol>
<li><a href='http://neosting.net/aide-tutoriel/supprimer-metadata-photos-images-windows-linux.html' rel='bookmark' title='Photos : souriez, vous êtes épié(e)s'>Photos : souriez, vous êtes épié(e)s</a></li>
<li><a href='http://neosting.net/actualite/free-en-forme-et-arrive-sur-le-marche-mobile-officiellement-en-2012.html' rel='bookmark' title='Free en forme, et arrive sur le marché mobile officiellement en 2012'>Free en forme, et arrive sur le marché mobile officiellement en 2012</a></li>
<li><a href='http://neosting.net/video/laisseriez-vous-rentrer-tout-le-monde-chez-vous.html' rel='bookmark' title='Laisseriez-vous rentrer tout le monde chez vous ?'>Laisseriez-vous rentrer tout le monde chez vous ?</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://neosting.net/actualite/vous-etes-arrive-sur-le-web-3ark0.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tuto 03 : Thème WordPress : La base des Templates #Aides et Tutoriels  #WordPress  #NeoSting</title>
		<link>http://neosting.net/wordpress/tuto-03-la-base-des-templates.html</link>
		<comments>http://neosting.net/wordpress/tuto-03-la-base-des-templates.html#comments</comments>
		<pubDate>Sun, 27 Jul 2008 10:22:35 +0000</pubDate>
		<dc:creator>NeoSting</dc:creator>
				<category><![CDATA[Aides et Tutoriels]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[template]]></category>
		<category><![CDATA[thème]]></category>
		<category><![CDATA[widget]]></category>

		<guid isPermaLink="false">http://www.neosting-press.fr/?p=103</guid>
		<description><![CDATA[VVoici donc les fichiers indispensables à la création du thème. Ils servent tous suivant la hiérarchie organisé par WordPress à l'affichage du blog et chacun a son rôle. Ici, on reste dans le brut de décoffrage, donc sans véritables mises en forme. header.php -> La partie du haut index.php -> La partie centrale single.php -> [...]]]></description>
			<content:encoded><![CDATA[<p><span class="lettrine">V</span>Voici donc les fichiers indispensables à la création du thème. Ils servent tous suivant la hiérarchie organisé par WordPress à l'affichage du blog et chacun a son rôle. Ici, on reste dans le brut de décoffrage, donc sans véritables mises en forme.</p>
<ul>
<li>header.php<span> -> La partie du haut</span></li>
<li>index.php<span> -> La partie centrale</span></li>
<li>single.php<span> -> La partie pour l'article seul</span></li>
<li>archive.php<span> -> La page des archives (mois, jours, tags...)</span></li>
<li>search.php<span> -> La page affichant les résultats du moteur de recherche</span></li>
<li>searchform.php<span> -> Le formulaire de recherche</span></li>
<li>comments.php<span> -> La partie dédiée aux commentaires (affichages et ajouts)</span></li>
<li>sidebar.php<span> -> La barre latérale</span></li>
<li>footer.php<span> -> Le pied de page</span></li>
</ul>
<p>
Voici les informations à mettre dans le <strong>header.php</strong></p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;">&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
&lt;head profile=&quot;http://gmpg.org/xfn/11&quot;&gt;
&nbsp;
 &lt;title&gt;<span style="color: #000000; font-weight: bold;">&lt;?php</span> bloginfo<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'name'</span><span style="color: #009900;">&#41;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span> is_404<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#41;</span> <span style="color: #339933;">:</span> <span style="color: #000000; font-weight: bold;">?&gt;</span> &amp;raquo; <span style="color: #000000; font-weight: bold;">&lt;?php</span> _e<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'Not Found'</span><span style="color: #009900;">&#41;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span><span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">elseif</span> <span style="color: #009900;">&#40;</span> is_home<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#41;</span> <span style="color: #339933;">:</span> <span style="color: #000000; font-weight: bold;">?&gt;</span> &amp;raquo; <span style="color: #000000; font-weight: bold;">&lt;?php</span> bloginfo<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'description'</span><span style="color: #009900;">&#41;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span><span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">else</span> <span style="color: #339933;">:</span> <span style="color: #000000; font-weight: bold;">?&gt;</span><span style="color: #000000; font-weight: bold;">&lt;?php</span> wp_title<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">endif</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&lt;/title&gt;
&nbsp;
  &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;<span style="color: #000000; font-weight: bold;">&lt;?php</span> bloginfo<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'html_type'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>; charset=<span style="color: #000000; font-weight: bold;">&lt;?php</span> bloginfo<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'charset'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&quot; /&gt;
  &lt;meta name=&quot;generator&quot; content=&quot;WordPress <span style="color: #000000; font-weight: bold;">&lt;?php</span> bloginfo<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'version'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&quot; /&gt;
  &lt;!-- leave this for stats --&gt;
  &lt;link rel=&quot;stylesheet&quot; href=&quot;<span style="color: #000000; font-weight: bold;">&lt;?php</span> bloginfo<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'stylesheet_url'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&quot; type=&quot;text/css&quot; media=&quot;screen&quot; /&gt;
  &lt;link rel=&quot;alternate&quot; type=&quot;application/rss+xml&quot; title=&quot;RSS 2.0&quot; href=&quot;<span style="color: #000000; font-weight: bold;">&lt;?php</span> bloginfo<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'rss2_url'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&quot; /&gt;
  &lt;link rel=&quot;alternate&quot; type=&quot;text/xml&quot; title=&quot;RSS .92&quot; href=&quot;<span style="color: #000000; font-weight: bold;">&lt;?php</span> bloginfo<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'rss_url'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&quot; /&gt;
  &lt;link rel=&quot;alternate&quot; type=&quot;application/atom+xml&quot; title=&quot;Atom 0.3&quot; href=&quot;<span style="color: #000000; font-weight: bold;">&lt;?php</span> bloginfo<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'atom_url'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&quot; /&gt;
  &lt;link rel=&quot;pingback&quot; href=&quot;<span style="color: #000000; font-weight: bold;">&lt;?php</span> bloginfo<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'pingback_url'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&quot; /&gt;<span style="color: #000000; font-weight: bold;">&lt;?php</span> wp_head<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
&nbsp;
  <span style="color: #000000; font-weight: bold;">&lt;?php</span> wp_get_archives<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'type=monthly&amp;format=link'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
  <span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #666666; font-style: italic;">//comments_popup_script(); // off by default ?&gt;</span>
  <span style="color: #000000; font-weight: bold;">&lt;?php</span> wp_head<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
&nbsp;
&lt;/head&gt;
&lt;body&gt;
&lt;h1&gt;&lt;a href=&quot;<span style="color: #000000; font-weight: bold;">&lt;?php</span> bloginfo<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'url'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&quot;&gt;<span style="color: #000000; font-weight: bold;">&lt;?php</span> bloginfo<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'name'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&lt;/a&gt;&lt;/h1&gt;</pre></div></div>

<p>
Voici celles qui vont dans le fichier <strong>index.php</strong>. A savoir aussi, que le fichier <strong>single.php</strong> sera à créer sur la même base que celui-ci, à l'exception de l'affichage du nombre de commentaires, puisque c'est justement sur ce template que l'on affichera le contenu des commentaires. On reverra ça sur le tutoriel suivant.</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> get_header<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span>have_posts<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">:</span> <span style="color: #000000; font-weight: bold;">?&gt;</span><span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">while</span><span style="color: #009900;">&#40;</span>have_posts<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">:</span> the_post<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
&lt;h2&gt;&lt;a href=&quot;<span style="color: #000000; font-weight: bold;">&lt;?php</span> the_permalink<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&quot; title=&quot;<span style="color: #000000; font-weight: bold;">&lt;?php</span> the_title<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&quot;&gt;<span style="color: #000000; font-weight: bold;">&lt;?php</span> the_title<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&lt;/a&gt;&lt;/h2&gt;
<span style="color: #000000; font-weight: bold;">&lt;?php</span> the_time<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'j F Y'</span><span style="color: #009900;">&#41;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span> par <span style="color: #000000; font-weight: bold;">&lt;?php</span> the_author<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span> |
Cat&amp;eacute;gorie: <span style="color: #000000; font-weight: bold;">&lt;?php</span> the_category<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">', '</span><span style="color: #009900;">&#41;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span> |
<span style="color: #000000; font-weight: bold;">&lt;?php</span> comments_popup_link<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'Pas de commentaires'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'1 Commentaire'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'% Commentaires'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
<span style="color: #000000; font-weight: bold;">&lt;?php</span> edit_post_link<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'Editer'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">' &amp;#124; '</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">''</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
<span style="color: #000000; font-weight: bold;">&lt;?php</span> the_content<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">endwhile</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">endif</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">&lt;?php</span> get_sidebar<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
<span style="color: #000000; font-weight: bold;">&lt;?php</span> get_footer<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
&lt;/body&gt;
&lt;/html&gt;</pre></div></div>

<p>
Concernant la sidebar, <strong>sidebar.php</strong> devra s'écrire comme ça :</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;">&lt;ul&gt;
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span> <span style="color: #339933;">!</span><span style="color: #990000;">function_exists</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'dynamic_sidebar'</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">||</span> <span style="color: #339933;">!</span>dynamic_sidebar<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#41;</span> <span style="color: #339933;">:</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
&nbsp;
CONTENU DE LA SIDEBAR
&nbsp;
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">endif</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
&lt;/ul&gt;</pre></div></div>

<p>Afin de rendre cette barre latérale widgetisable, il faudra ajouter aussi le fichier <strong>functions.php</strong> avec le code ci-dessous. Pour une sidebar a deux colonnes, il faut simplement mettre "sidebar(2)"...</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span>
<span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span> <span style="color: #990000;">function_exists</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'register_sidebar'</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#41;</span>
register_sidebar<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span></pre></div></div>

<p>
Oui, il manque le <strong>footer.php</strong>, n'est-ce pas ? Qu'importe, vous mettez ce que vous voulez dedans. Vos Copyrights, vos infos importantes... L'important, c'est d'appeler ce fichier depuis l'index.php. On peut par contre en profiter pour y placer un rappel de vos RSS comme ceci :</p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;a href=&quot;feed:&lt;?php bloginfo('rss2_url'); ?&gt;&quot;&gt;Articles (RSS)&lt;/a&gt; - &lt;a href=&quot;feed:&lt;?php bloginfo('comments_rss2_url'); ?&gt;&quot;&gt;Commentaires (RSS)&lt;/a&gt;</pre></div></div>

<p>Partager ça sur <a target="_blank" href="http://twitter.com/home?status=RT @NeoSting: Tuto 03 : Thème WordPress : La base des Templates http://goo.gl/GmkdX">Twitter</a>.
<br />Article rédigé sur le blog de <a href="http://neosting.net/">NeoSting</a> à <a href="http://neosting.net/wordpress/tuto-03-la-base-des-templates.html" title="Tuto 03 : Thème WordPress : La base des Templates">cette adresse</a>.
<ul>
<li><a href="http://twitter.com/neosting" title="compte officiel de Cyrille NeoSting">Me suivre sur Twitter</a></li>
<li><a href="https://plus.google.com/111927034333604064488/" title="compte personnel de Cyrille NeoSting">Me suivre sur Google Plus</a></li>
<li><a href="https://plus.google.com/111366965126067392670/" title="Page sur Google Plus dédiée au blog">Suivre la Page+ de NeoSting.net</a></li>
<li><a href="http://www.facebook.com/pages/NeoStingnet/134289813295614/" title="Page sur facebook dédiée au blog">Suivre la page du blog sur facebook</a></li>
</ul></p><img src="http://neosting.net/?ak_action=api_record_view&id=103&type=feed" alt="" /><p>Articles en relation : <ol>
<li><a href='http://neosting.net/wordpress/tutoriel-01-theme-wordpress-preparation-du-css.html' rel='bookmark' title='Tuto 02 : Thème WordPress : Préparation du CSS'>Tuto 02 : Thème WordPress : Préparation du CSS</a></li>
<li><a href='http://neosting.net/wordpress/tutoriel-01-par-ou-commencer.html' rel='bookmark' title='Tuto 01 : Thème WordPress : Par où commencer ?'>Tuto 01 : Thème WordPress : Par où commencer ?</a></li>
<li><a href='http://neosting.net/wordpress/comment-creer-son-propre-theme-wordpress.html' rel='bookmark' title='Trouver un thème pour WordPress'>Trouver un thème pour WordPress</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://neosting.net/wordpress/tuto-03-la-base-des-templates.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Tuto 01 : Thème WordPress : Par où commencer ? #Aides et Tutoriels  #WordPress  #NeoSting</title>
		<link>http://neosting.net/wordpress/tutoriel-01-par-ou-commencer.html</link>
		<comments>http://neosting.net/wordpress/tutoriel-01-par-ou-commencer.html#comments</comments>
		<pubDate>Mon, 07 Jul 2008 09:00:20 +0000</pubDate>
		<dc:creator>NeoSting</dc:creator>
				<category><![CDATA[Aides et Tutoriels]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[template]]></category>
		<category><![CDATA[thème]]></category>
		<category><![CDATA[widget]]></category>

		<guid isPermaLink="false">http://www.neosting-press.fr/?p=102</guid>
		<description><![CDATA[Voici tout d'abord un plugin indispensable, il s'agit de Theme Test Drive de Vladimir Prelovac. Il vous permet de tester le thème de votre choix, tout en laissant vos visiteurs avec le thème actuel. Un must, même si les modifications de votre sidebar widgetisée se verront quand même. Ensuite, étant arrivé depuis peu dans cette [...]]]></description>
			<content:encoded><![CDATA[<p><span class="lettrine">V</span>oici tout d'abord un plugin indispensable, il s'agit de <strong><a href="http://www.prelovac.com/vladimir/wordpress-plugins/theme-test-drive" title="Plugin WordPress : Theme Test Drive">Theme Test Drive</a></strong> de <a href="http://www.prelovac.com/vladimir/" title="Blog de Vladimir Prelovac">Vladimir Prelovac</a>. Il vous permet de tester le thème de votre choix, tout en laissant vos visiteurs avec le thème actuel. Un must, même si les modifications de votre sidebar widgetisée se verront quand même.<br />
<br />
Ensuite, étant arrivé depuis peu dans cette communauté made in wordpress, je me suis aidé pour mieux comprendre le fonctionnement du blog, de ce <a href="http://www.fran6art.com/wordpress/creez-votre-theme-wordpress-de-a-a-z/">magnifique tutoriel de Franc6art</a>. Grâce à ces tutoriels plutôt bien faits, vous commencerez à construire les bases de votre nouveau thème.<br />
</p>
<h3>WordPress, c'est comment ?</h3>
<p>WordPress se compose de plusieurs pages en php et d'un système graphique basé sur les CSS. C'est sur ce langage que l'on doit travailler. Si, vous n'y connaissez pas grand chose dans ce type de programmation, tout n'est pas perdu. Il est même temps de vous y mettre, car c'est assez facile à comprendre. Voici un article sur mon blog, expliquant <a href="http://neosting.net/aide-tutoriel/comment-apprendre-les-css.html">comment apprendre à créer un site en CSS</a> afin de mieux vous aiguiller.<br />
<br />
Pour débuter votre création, il faudra s'appuyer sur la structure même de WordPress, écrite sans mise en forme. Je vais créer d'ici peu un article, dans lequel je vous donnerai cette base, et je mettrais le lien ici.</p>
<p>Partager ça sur <a target="_blank" href="http://twitter.com/home?status=RT @NeoSting: Tuto 01 : Thème WordPress : Par où commencer ? http://goo.gl/iNaMc">Twitter</a>.
<br />Article rédigé sur le blog de <a href="http://neosting.net/">NeoSting</a> à <a href="http://neosting.net/wordpress/tutoriel-01-par-ou-commencer.html" title="Tuto 01 : Thème WordPress : Par où commencer ?">cette adresse</a>.
<ul>
<li><a href="http://twitter.com/neosting" title="compte officiel de Cyrille NeoSting">Me suivre sur Twitter</a></li>
<li><a href="https://plus.google.com/111927034333604064488/" title="compte personnel de Cyrille NeoSting">Me suivre sur Google Plus</a></li>
<li><a href="https://plus.google.com/111366965126067392670/" title="Page sur Google Plus dédiée au blog">Suivre la Page+ de NeoSting.net</a></li>
<li><a href="http://www.facebook.com/pages/NeoStingnet/134289813295614/" title="Page sur facebook dédiée au blog">Suivre la page du blog sur facebook</a></li>
</ul></p><img src="http://neosting.net/?ak_action=api_record_view&id=102&type=feed" alt="" /><p>Articles en relation : <ol>
<li><a href='http://neosting.net/wordpress/tutoriel-01-theme-wordpress-preparation-du-css.html' rel='bookmark' title='Tuto 02 : Thème WordPress : Préparation du CSS'>Tuto 02 : Thème WordPress : Préparation du CSS</a></li>
<li><a href='http://neosting.net/wordpress/tuto-03-la-base-des-templates.html' rel='bookmark' title='Tuto 03 : Thème WordPress : La base des Templates'>Tuto 03 : Thème WordPress : La base des Templates</a></li>
<li><a href='http://neosting.net/wordpress/comment-creer-son-propre-theme-wordpress.html' rel='bookmark' title='Trouver un thème pour WordPress'>Trouver un thème pour WordPress</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://neosting.net/wordpress/tutoriel-01-par-ou-commencer.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Des Widgets à gogo ! #Logiciels  #WordPress  #NeoSting</title>
		<link>http://neosting.net/wordpress/des-widgets-a-gogo.html</link>
		<comments>http://neosting.net/wordpress/des-widgets-a-gogo.html#comments</comments>
		<pubDate>Fri, 23 Nov 2007 17:37:43 +0000</pubDate>
		<dc:creator>NeoSting</dc:creator>
				<category><![CDATA[Logiciels]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[widget]]></category>

		<guid isPermaLink="false">http://www.neosting-press.fr/archives/30</guid>
		<description><![CDATA[J'ai découvert ce site, en cherchant quelques informations concernant la sidebar de wordpress. Comme il semble que ce soit une bonne référence dans le domaine (c'est clair qu'on y trouve de tout, et encore c'est peu de le dire !), je vous le propose. Qui sait, peut-être y trouverez-vous le widget de vos rêves ? [...]]]></description>
			<content:encoded><![CDATA[<p>J'ai découvert <a href="http://www.widgetbox.com/" title="Plein de widgets avec widgetbox.com">ce site</a>, en cherchant quelques informations concernant la sidebar de wordpress. Comme il semble que ce soit une bonne référence dans le domaine (c'est clair qu'on y trouve de tout, et encore c'est peu de le dire !), je vous le propose. Qui sait, peut-être y trouverez-vous le widget de vos rêves ?<br />
<br />
Ce qui est sûr, c'est qu'ils sont d'après ce que je vois, majoritairement en anglais. En faisant une petite recherche simple, voici <a href="http://www.widgetbox.com/search?q=francais" title="widgets français sur widgetbox.com">la liste des widgets disponibles en français sur widgetbox.com</a>. C'est vrai, je ne me suis pas bien cassé la tête pour les trouver, mais c'est le geste qui compte, comme on dit non ? :)<br />
<br />
A noter que dans cette liste, on peut trouver <a href="http://www.widgetbox.com/widget/wordpress-tuto-thmes-pour-wordpress" title="widget de wordpress-tuto">le widget de wordpress-tuto</a>, mais si vous préférez jouer à <a href="http://www.widgetbox.com/widget/wordpress-tuto-thmes-pour-wordpress" title="Widget de Tetris sur widgetbox.com">Tetris sur votre bloog</a>, c'est votre problème, n'est-ce pas ?</p>
<p>Partager ça sur <a target="_blank" href="http://twitter.com/home?status=RT @NeoSting: Des Widgets à gogo ! http://goo.gl/Sm9P4">Twitter</a>.
<br />Article rédigé sur le blog de <a href="http://neosting.net/">NeoSting</a> à <a href="http://neosting.net/wordpress/des-widgets-a-gogo.html" title="Des Widgets à gogo !">cette adresse</a>.
<ul>
<li><a href="http://twitter.com/neosting" title="compte officiel de Cyrille NeoSting">Me suivre sur Twitter</a></li>
<li><a href="https://plus.google.com/111927034333604064488/" title="compte personnel de Cyrille NeoSting">Me suivre sur Google Plus</a></li>
<li><a href="https://plus.google.com/111366965126067392670/" title="Page sur Google Plus dédiée au blog">Suivre la Page+ de NeoSting.net</a></li>
<li><a href="http://www.facebook.com/pages/NeoStingnet/134289813295614/" title="Page sur facebook dédiée au blog">Suivre la page du blog sur facebook</a></li>
</ul></p><img src="http://neosting.net/?ak_action=api_record_view&id=30&type=feed" alt="" /><p>Articles en relation : <ol>
<li><a href='http://neosting.net/wordpress/jquery-twitter-trackbacks-widget-un-must.html' rel='bookmark' title='jQuery Twitter Trackbacks Widget ; un must'>jQuery Twitter Trackbacks Widget ; un must</a></li>
<li><a href='http://neosting.net/musique/du-funk-a-gogo-volume-1.html' rel='bookmark' title='Du Funk, A GoGo ! Volume 1'>Du Funk, A GoGo ! Volume 1</a></li>
<li><a href='http://neosting.net/musique/du-funk-a-gogo-volume-2.html' rel='bookmark' title='Du Funk, A GoGo ! Volume 2'>Du Funk, A GoGo ! Volume 2</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://neosting.net/wordpress/des-widgets-a-gogo.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Page Caching using memcached
Database Caching 2/98 queries in 0.089 seconds using memcached
Object Caching 1947/2100 objects using memcached

Served from: neosting.net @ 2012-02-09 04:02:12 -->
