Implantez les icones de Digg-like sur votre site ou blog

• « Demande de travaux » à l’attention de Mimie

– Mimie, je suis en train de modifier les digg-like se trouvant au pied de chacun de mes articles. Pour les icônes, j’utilise le plugin Sociable pour blog WordPress.

– J’ai enlevé différents digg-like (anglophones) et je voudrais en inclure d’autres (francophones) qui ne sont pas inclus dans Sociable.

– Le plugin donne la marche à suivre pour inclure des sites non prévus :

Make a 16×16 image, preferably with a transparent background, and copy it to sociable/images/directory.

Open sociable.php.

Find the array called $sociable_known_sites.

Copy / paste the code for another site (they´re in alphabetical order).

Change the value of favicon to the name of your image file.

Change the value of url to the submit URL for your social site. Do this by copying a submit URL from somewhere, and replacing the URL in there with PERMALINK and the story title with TITLE.

Save the file.

You´re done!

• A quoi servent ces icônes et que sont les Digg-like ?

– Il s’agit de sites référençant les articles plébiscités par les internautes. La plupart incluent un système de « votes » : plus un article est jugé intéressant par les internautes, plus il se trouve en tête du site et donc plus il se fait connaître.

– Par exemple, si vous aimez le site Des Geeks et des lettres, voter pour ses articles en cliquant sur les icônes des digg-like en bas permet de les faire remonter dans les classements des sites référenceurs.

– Inconvénient : en général, pour pouvoir voter, il faut être inscrit dans chacun de ces sites.

• Icones présentes sur le site à l’heure actuelle

Facebook

Twitter

StumbleUpon

Technorati

Delicious

Reddit

Digg

Scoopeo

Fuzz

• Diggs-like que je voudrais implanter

– Pourrais-tu me les inclure s-t-p ? Pour chacun je te mets le lien du site et en-dessous le lien utile pour soumettre l’article (celui qu’il faudra utiliser pour l’icône).

– Je te chercherai une icône pour chacun.

– S’il y en a trop et que les icônes ne tiennent pas sur une ligne, il faudra peut-être envisager de réduire leur taille.

• http://blogasty.com

Voter pour mon article —>

[javascript]
javascript:var%20d=document,f=’http://blogasty.com/minipost’,l=d.location,e=encodeURIComponent,p=’/?u=’+e(l.href)+’&t=’+e(d.title);1;try{if%20(!/^(.*\.)?blogasty\.[^.]*$/.test(l.host))throw(0);share_internal_bookmarklet(p)}catch(z)%20{a=function()%20{if%20(!window.open(f+p,’sharer’,'toolbar=0,status=0,resizable=0,width=560,height=360′))l.href=f+p};if%20(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else{a()}}void(0)
[/javascript]

Sinon, voici le code du bouton Blogasty :

[javascript]
<a title="Partager sur Blogasty"  href="http://blogasty.com/" onclick="location.href=this.href+’post/?u=’+encodeURIComponent(location.href)+’&t=’+encodeURIComponent(document.title)+’&r=’+encodeURIComponent(‘Via Blogasty Share’); return false"><img src="http://blogasty.com/widget/share.png" title="Partager sur Blogasty" alt="Partager sur Blogasty" style="border:0;"></a>
[/javascript]

• http://www.diggons.com/

Voter pour mon article —> J’ai récupéré un petit plugin wordpress permettant de voter pour l’article lu par l’internaute ; tu pourrais peut-être en faire un lien de sorte que lorsqu’on clique sur l’icône « Diggons », l’internaute vote automatiquement pour moi.

[javascript]</pre>
<?php
/*
Plugin Name: WP-Diggons
Plugin URI: http://www.diggons.com/wp-diggons/
Version: v1.00
Author: <a href="http://www.jeffonair.com/">Jeff Tardif</a>
Description: Affiche un bouton de vote sous les articles publies sur <a href="http://www.diggons.com">Diggons.com</a>.

Copyright 2008  Jeff Tardif  (email : info [a t ] jeffonair DOT com)

This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation; either version 2 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA

*/
if (!class_exists("wpdiggons")) {
class wpdiggons {
function wpdiggons() { //constructor

}
function addHeaderCode() {
echo ‘<link type="text/css" rel="stylesheet" href="’ . get_bloginfo(‘wpurl’) . ‘/wp-content/plugins/wp-diggons/css/wpdiggons.css" />’ . "\n";
}

function addContent($content =  ») {
$content .= "<script type=’text/javascript’ src=’http://www.diggons.com/wp-diggons/url.aspx?id=" . get_permalink() . "’></script>";
return $content;
}

}

} //End Class wpdiggons

if (class_exists("wpdiggons")) {
$dl_pluginSeries = new wpdiggons();
}
//Actions and Filters
if (isset($dl_pluginSeries)) {
//Actions
add_action(‘wp_head’, array(&$dl_pluginSeries, ‘addHeaderCode’), 1);
//Filters
add_filter(‘the_content’, array(&$dl_pluginSeries, ‘addContent’));

}

?>
<pre>[/javascript]

• http://tapemoi.com/

Voter pour mon article —>

[javascript]
javascript:location.href=’http://www.tapemoi.com/submit.php?url=’+encodeURIComponent(location.href)
[/javascript]

• http://fr.buzz.yahoo.com/

Voter  pour mon article —> J’ai récupéré le bouton affichant le nombre de votes (icône)

[javascript]
<script type="text/javascript" src="http://d.yimg.com/ds/badge2.fr.js" badgetype="logo">ARTICLEURL</script>
[/javascript]

• Modifications pour Scoopeo et Fuzz

Actuellement les icones Scoopeo et Fuzz redirigent vers la soumission d’un article, on pourrait peut-être faire en sorte qu’ils dirigent vers le vote de mon article :

Voici le badge proposé par Scoopeo :

[javascript]
<script language="JavaScript" type="text/javascript" src="http://www.scoopeo.com/membre/dragonfroid/carte">
</script><noscript><a href="http://www.scoopeo.com/membre/dragonfroid">Scoopeo : dragonfroid</a></noscript>
[/javascript]

Si tu veux uniquement le lien, c’est peut-être celui-là ?

[javascript]

http://www.scoopeo.com/membre/dragonfroid/

[/javascript]

En ce qui concerne Fuzz :

[javascript]
javascript:q=(document.location.href);void(open(‘http://www.fuzz.fr/submit.php?url=’+escape(q), »,’resizable,location,menubar,toolbar,scrollbars,status’));
[/javascript]

• Icones 32 pixels

Fuzz :

Scoopeo :

Diggons :

Yahoo Buzz :

Blogasty :

Tape moi :

Cet article a été écrit par :

Greg – qui a déjà rédigé 399 posts sur Des Geeks et des lettres.

Webmestre et blogueur, Greg insuffle sa passion dans le blog que vous êtes en train de lire, une passion variée et engagée à l'image de la curiosité qui l'a toujours caractérisé : 1/ l'amour des mots, des livres, de la réflexion 2/ la curiosité numérique, la recherche et l'outil internet

Contacter l'auteur

Jetez aussi un oeil sur :

• Dédicace pour tous les programmeurs : vidéo sur Java
• SEO : Bien référencer son site Web full Ajax
• jRSS : Création de flux RSS en Java
• Ignorer les accents lors de la comparaison de chaînes en Java
• Générer son sitemap.xml en Java avec la bibliothèque SitemapGen4j