Le plugin Topsy

Tout d’abord, vous devez disposer du plugin Topsy Retweet Button. Personnellement je ne l’utilise que pour la fonction TrackBack Comments que je configure comme ceci :

Trackback Comments de Topsy Retweet Button est bien pratique mais il présente certaines lacunes :

• Pas d’avatar pour les comptes twitter
• Impossibilité de masquer les commentaires issus de Topsy.

Voici donc comment résoudre ces problèmes simplement sans modifier le plugin.

Ajouter une fonction pour identifier les commentaires de Topsy

Cette fonction est à intégrer dans le fichier functions.php de votre thème

// Test si le commentaire est un commentaire de Topsy
// Basée sur le code source de BackType Connect
//
// @param	int	$comment	 Commentaire a tester
// @param	bool	$ret_ID	 Whether or not to return the comment_ID
// @return	bool	 True          si c'est un commentaire Topsy sinon false
//
function sgk_is_topsy_comment($comment, $ret_ID=false) {
	if (substr($comment->comment_agent, 0, 5) == 'Topsy') {
		if ($ret_ID) {
			return $comment->comment_ID;
		}
		return true;
	}
	return false;
}

Ajouter l’avatar de Twitter aux commentaires Topsy

Pour cela nous allons ajouter la fonction sgk_get_twitter_avatar dans fonctions.php de votre thème, afin de retourner un avatar correct lors de la détection de commentaires en provenance de Topsy.

// Filter avatars pour Topsy comments
// Basée sur le code source de BackType Connect
//
// @uses	sgk_is_topsy_comment()
//
// @param	string	$avatar			avatar courant
// @param	object	$id_or_email	auteur courant du commentaire
// @param	int		$size			taille de l'avatar
// @param	string	$default		        avatar par default
// @param	string	$alt			        Alt tag pour l'avatar avatar
// @return	string					Nouveau avatar
//
function sgk_get_twitter_avatar($avatar, $id_or_email, $size='96', $default='', $alt='') {
	if (!is_object($id_or_email) && $comment_ID = get_comment_ID()) {
		$id_or_email = get_comment($comment_ID);
	}
	if (is_object($id_or_email)) {
		if (sgk_is_topsy_comment($id_or_email)) {
			$alt = '';
			if (preg_match("/^https?:\/\/(?:[-\w]+\.)?twitter\.com\/(\w{1,15})/", $id_or_email->comment_author_url, $match)) {
				$tweeter_username = $match[1];
			}
			$default = 'http://img.tweetimag.es/i/' . $tweeter_username . '_n';
			return "<img alt='{$alt}' src='{$default}' class='avatar avatar-{$size} photo' height='{$size}' width='{$size}' />";
		}
	}
	return $avatar;
}

Il faut ensuite déclencher le filtre sur chaque appel global de get_avatar de la boucle wordpress, pour cela il suffit d’ajouter cette ligne dans fonctions.php de votre thème

add_filter('get_avatar', 'sgk_get_twitter_avatar', 10, 5);

Vous disposez maintenant d’avatars Twitter pour vos commentaires Topsy.

Masquer les tweets en provenance de Topsy par defaut

Pour masquer les tweets en provenance de Topsy, il faut d’abord les identifier. On va donc rajouter une classe aux commentaires de Topsy, à l’aide la fonction sgk_comment_class à ajouter dans fonctions.php de votre thème.

// ajout de la classe twitter_comment aux commentaires Topsy
// Basée sur le code source de BackType Connect
//
// @uses	sgk_is_topsy_comment()
//
// @param	string	$classes		        Class attribuées aux commentaires
// @param	string	$class			Class attribute du commentaire
// @param	string	$comment_id		ID du commentaire
// @return							class corrigées pour le commentaire
//
function sgk_comment_class($classes, $class=null, $comment_id=null) {
	if ($comment_id == null) {
		$comment_id = get_comment_ID();
	}
	if ($comment = get_comment($comment_id)) {
		if (sgk_is_topsy_comment($comment)) {
			$classes[] = 'twitter_comment';
		}
	}
	return $classes;
}

Il faut ensuite déclencher le filtre sur chaque appel global de comment_class de la boucle wordpress, pour cela il suffit d’ajouter cette ligne dans fonctions.php de votre thème

add_filter('comment_class', 'sgk_comment_class', 10, 3);

Vous disposez maintenant de la classe twitter_comment pour vos commentaires Topsy.

Il va falloir masquer ces commentaires à l’aide d’une feuilles de style css comme par exemple style.css de votre thème où il faudra intégrer

.twitter_comment {
display:none;
}

Pour pouvoir afficher vos commentaires à la demande avec un joli effet toggle jQuery

Télécharger jquery-1.2.6.pack.js et enregistrer le dans un répertoire js dans votre thème

Il faudra alors rajouter dans la partie head votre header.php

<!-- Un peu basé sur la fredzone j'avoue -->
<script type="text/javascript" src="js/jquery-1.2.6.pack.js"></script>
<script text="text/javascript">
	jQuery(document).ready(  function() {
		$('#ToggleTweet').click(function() {
			$(".twitter_comment").toggle("slow");
		});
	});
</script>

Il faut maintenant insérer le déclencheur #ToggleTweet dans votre code pour pouvoir masquer les tweets de Topsy, personnelement je l’ai mis dans comments.php

<h3 id="comments">
	<?php comments_number('Pas de commentaires', 'Un Commentaire', '% Commentaires' );?>
	<span id="ToggleTweet"class="right">Voir les tweets</span>
</h3>

Conclusion

Suite au message « There was a problem registering your plugin with BackType. Please contact support@backtype.com for assistance » dans le plugin BackType Connect, je me suis aperçu que ce plugin n’était plus maintenu au profit d’une utilisation par Disqus. Dommage, ce plugin était bien pratique et assez complet de base.

J’ai donc essayé Disqus et sérieusement, je l’ai trouvé trop lourd et pas assez malléable pour mon utilisation, j’ai donc regardé ce que les autres blogueurs utilisaient, et je suis tombé sur Topsy, cette fois ci un peu trop léger, mais suffisant pour mon utilisation.

Il donc fallut rajouter les quelques fonctionnalités de BackType Connect à Topsy pour les avatars et les classes pour remplir mon besoins.

Les tweets dans les commentaires permettent donc de faire monter le nombres de commentaires sous WordPress, indiquant donc la force d’une information, sans forcement dénaturer la discussions des lecteurs.

That’s All Folks !

• Wordpress : Modifier l’image d’un article associé au bouton « J’aime » de Facebook
• Resisty : Un captcha avec le code des couleurs des résistances
• Tworse Key : Une interface pour twitter vos messages en code Morse
• Résultat du concours XBox Live Arcade.

Le code captcha Resisty a été développé par Adafruit Industries et il est disponible sous la forme d’un plugin pour wordpress disponible sur  wordpress.org/extend/plugins/resisty/

Le plugin génère un image de résistance aléatoire, et il suffit d’indiquer la valeur correcte pour valider son commentaire.

Personnellement je ne suis pas adepte des code captcha, qui sont très lourd pour l’utilisateur qui poste un commentaire, mais ce  plugin qui va surement intéressé les bloggueurs qui utilise le système captcha classique et qui cherchent un alternative plus en symbiose avec leur thème.

• WP : Quelques modifications pour mieux intégrer Topsy dans vos commentaires.
• DIY : Une bougie électronique qui vous indique la température ambiante
• Tworse Key : Une interface pour twitter vos messages en code Morse
• Arduino : Présentation et traduction en Français de ArduBlock.

Introduction :

La plupart des blogueurs sont confrontés à un problème bien connus, le hotlinking.
Le hotlink (traduction littérale : lien à chaud) c’est le fait de poster une image sur site A (le voleur) tout en la laissant sur un site B (en occurrence le votre), la conséquence principale est que c’est le possesseur du site B qui se voit amputé la bande passante liée au trafic de ses images vers le site B, ainsi que les divers frais lié au trafic.
La principale alternative au hotlink, c’est de protégé ses images via une modification du fichier Htaccess. L’avantage est que c’est un filtre robuste qu’il faut sans cesse mettre à jour pour autoriser ou bannir certains sites. En effet certains robots, comme Google Bot Images, utilisent une plénitude d’adresses IP qu’il faut ne faut pas filtrer si l’on souhaite être référencé correctement.

Pictpocket.

Le principe.

Le principe de PictPocket est très simple, à son initialisation il modifie le fichier htaccess afin de rediriger toutes les images vus par une source extérieur au blog vers un moteur générateur d’images en php.
1. Le moteur, dans un premier temps, se contente seulement de lister les hotlink dans la base de données et vous en informe via une page dans la Console d’Admin de WordPress.
2. Il s’offre à vous plusieurs choix :
• Autoriser le site de manière permanente : Le site sera donc inclus dans le fichier htaccess et il ne sera plus filtré par le moteur de PictPocket, l’accès aux images de votre bloc sera débloqué totalement.
• Bloquer le site : Chaque fois qu’un site bloqué voudra accéder à vos images, il affichera une image de remplacement arbitrairement choisit afin de dissuader les hotlinkeurs.

Les avantages.

Par rapport à une méthode brute de filtrage par Htaccess, PictPocket vous informe de la provenance des hotlinks, souvent associé à un vol de contenu total (articles et images). La gestion du filtrage est nettement plus facile que celle du fichier htaccess, car elle se configure entièrement via la console d’Admin.
Installation.
1. Téléchargez le plugin sur http://wordpress.org/extend/plugins/pictpocket/.
2. Décompresser l’archive et copier le répertoire pictpocket dans « /wp-content/plugins/ »
3. Activer le plugin.
4. Lancer la configuration automatique.

Utilisation.

Menu de Pictpocket

Le menu comporte 4 onglet : Overview, Autorisations, Hotlinks, Options, et Donation.

Overview : Synthèse

Cette page sert à configurer le fichier Htaccess et indique un récapitulatif du nombre de hotlinks traités. A l’initialisation du plugin, il faudra lancer une configuration automatique du plugin et le cas échéant, changer les droits d’accès du fichier Htaccess.

Autorisations.

Sur cette page, ce trouve touts les sites autorisés à accéder à votre contenu. Tous ces sites ne seront plus traités par PictPocket. Attention la syntaxe à utiliser est celle employée par les RewriteCond de fichier htaccess.
Vous pouvez ajouter manuellement ou supprimer des droits sur cette page.

Hotlinks : les Voleurs.

Sur cette page sont répertoriés tous les sites ayant accédés à vos contenus images via le moteur PictPocket. Ceux en gras sont les derniers découverts depuis votre dernière visite. Afin de simplifier un peu la liste, vous pouvez regrouper les hotlinks en 4 familles : Défaut, Masqué, Lien de confiance ou Moteur de Recherche.

Options.

Sur cette page, vous pouvez définir une image perso de remplacement pour les contenus bloqué, il suffit juste de donner son url complète (ex: http://monsite.com/download/mon_image.jpg). L’aperçu se fait en 200px par 200px, mais l’image de remplacement sera conservée dans sa taille originale.
Vous pouvez aussi définir un effacement automatique des hotlinks, en effet quand un contenu est bloqué et remplacé par une image de substitution, le site hotlinkeur, ne tarde pas à l’effacer.

Donation.

Et oui, avec tout le trafic et la bande passante que je vous ai fait économiser, vous pourriez me faire une donation.(;

Conclusion.

C’est un projet personnel que je dévelloppe seul, alors soyez indulgent avec les commentaires.

Merci de laisser en en commentaires, vos reports de bugs, vos demandes d’améliorations ou encore vos remerciements.

• WP : Quelques modifications pour mieux intégrer Topsy dans vos commentaires.
• Resisty : Un captcha avec le code des couleurs des résistances
• Quelques optimisations .htaccess pour Wordpress.
• Power Twitter : Un plugin pour Firefox qui améliore Twitter.

Power Twitter est une extension pour Firefox qui permet d’ajouter des fonctionnalités à Twitter. Ce plugin permet par exemple l’intégration  des vidéos directement sous Twitter et permet aussi de résoudre les short URL

Fonctionnalités :

• Ajout de la fonction Rechercher et Recherche récente.
• Ajout de la fonction Rechercher dans les Twets d’un utilisateur donné.
• Historique des Twets lorsque l’on page la souris sur l’avatar.
• Mis à jour des stratus de FaceBook
• Vidéos incorporés dans les Twets (YouTube, Flickr, TwitPic, Google Maps, song.ly, and more).
• Rallongement des Short URL.
• Traduction des pages.
• open web update (news feed) mapping
• Paramètres personnalisés
• @mentions
• Upload de photos
• Gestion du short URL
• -#hashtags

Conclusion

Comme vous le savez, Twitter est un site de micro blogging, alors quel est l’intérêt de surcharger son contenu alors que tout a été conçu à la base pour en faire des pages à faible taille.

En effet, les pages de Twitter sont fort agréables à lire sur un téléphone ou autre, de part leur faible encombrement. Par contre sur une station de travail avec une connexion ADSL, il faut souvent cliquer sur les liens (en short URL) pour découvrir ceux qu’il cache réellement.

Certains font même l’apologie d’un buzz ultra cosmique, afin de vous faire cliquer sur un lien qui n’a rien n’a voir, mais qui rapporte au clic pour l’auteur.

Ce plugin est donc très pratique pour une utilisation non nomade de Twitter.

Pour télécharger ce plugin : https://addons.mozilla.org/fr/firefox/addon/9591

• PockeTwit : Un client Twitter sous Windows Mobile.
• WP : Quelques modifications pour mieux intégrer Topsy dans vos commentaires.
• Résultat du concours Tee-shirts Firefox.
• Gagnez des Tee-shirts Firefox avec Semageek

SkipScreen est un plugin qui permet de passer les pages inutiles des sites de téléchargement, pour afficher seulement la fenêtre de téléchargment lorsqu’elle est disponible.

Ce plugins fonctionne avec les sites suivants :

• Rapidshare.com
• zShare.net
• MediaFire.com
• Megaupload.com (no captcha action… yet)
• Sharebee.com
• Depositfiles.com
• Sendspace.com
• Divshare.com
• Linkbucks.com

Le plugin vous permet de selectionner automatiquement le téléchargement en mode gratuit, vous passe le compte à rebours, puis vous affiche directement le lien de téléchargement.

Le plugin est disponible là : https://addons.mozilla.org/en-US/firefox/addon/11243

• GammaFiles : Un moteur de recherche de Fichier RapidShare, MegaUpload et autres…
• Power Twitter : Un plugin pour Firefox qui améliore Twitter.
• ScreenGrab : Un plugin pour Firefox de capture d’écran.
• Binnews : Comment rechercher les NZB facilement.

ScreenGrab est un plugin pour Firefox, qui permet d’effectuer des captures d’écran. Un peu comme une touche « Imprime Écran », mais avec des fonctionnalités avancés.

Utilisation du plugin.

Le plugin ScreenGrab, une fois installé, apparait sous la forme d’un icône en bas à droite de Firefox, en cliquant dessus deux menus principaux apparaissent laissant le choix entre un enregistrement de la capture dans un fichier, ou bien son envoi vers le presse papier.

Capture de page complète.

On peut désormais capturer une page internet complète, sans manipuler plusieurs copier/coller  ou encore réduire la taille de la fenêtre.

Par exemple une capture complète de Semageek.com donne :

Capture de portion visible.

Ce mode capture permet d’enregistrer seulement le contenu de la fenêtre.

Capture en mode sélection.

Ce mode est vraiment bien, il permet de sélectionner une zone de la page afin de n’enregistrer que celle-ci.

Choix de format de fichier.

dans les options via le menu de Firefox dans « outils », « modules complémentaires », « ScreenGrab », « options », vous avez la possibilité de choisir entre un enregistrement PNG ou encore JPEG.

Installation.

Vous pouvez retrouver tous les renseignement sur le site de l’auteur :

www.screengrab.org

Vous pouvez installer le plugin à partir de mozilla :

https://addons.mozilla.org/en-US/firefox/addon/1146

Conclusion.

C’est un plugin très utile pour les bloggueurs, car lors de surf, on peut capturer rapidement la zone d’information graphique nécessaire à la rédaction d’un article. Il est simple d’utilisation, et très convivial.

• Samsung réinvente la fenêtre avec son écran tactile transparent
• Winscape : Une fenêtre virtuelle 3D qui redonne de l’espace à votre pièce
• Innovation : Le MIT développe un écran Bidirectionnel.
• Power Twitter : Un plugin pour Firefox qui améliore Twitter.

ARSights, est un plugin pour Google Earth, qui permet à l’aide d’une simple impression papier (marker) , et d’une caméra de visualiser en 3D des bâtiments de Google Earth. Ce principe s’appelle la réalité augmentée (Augmented Reality).

Il suffit de 5 minutes, pour faire apparaitre par exemple une Tour Eiffel sur votre bureau.

Installation des logiciels

Premièrement, si cela n’est pas encore fait, il vous faut installer Google Earth :http://earth.google.fr/

Ensuite installez le plugin Google Earth API : http://code.google.com/intl/it-IT/apis/earth/

Installez aussi l’application ARSights : http://www.arsights.com/arapp/ARSightsSetup.exe

Impression du marker

Le marker est disponible à l’adresse http://www.arsights.com/docs/Marker.pdf, imprimez le.

Récupérer les modèles 3D disponible

Il vous faut ensuite importer les modèles 3D disponible pour Google Earth

http://www.arsights.com/downkmz.php

C’est un fichier kmz, qu’il faudra ouvrir avec Google Earth.

A vous d’essayer

Sélectionnez un point ARSights dans Google Earth, par exemple la Tour Eiffel, cliquez sur l’œil rouge.

Puis cliquez sur View 3D Model, ARSights se lance et télécharge le modèle sur le net, la webcam démarre et voila.

Au cas où, voila une petite vidéo de démonstration:

Tout les infos sont sur le site de ARSights : http://www.arsights.com/

source : j0syarthai.wordpress.com

• Un marker de réalitée augmentée modulable à base de disquettes
• Réalité augmentée : LevelHead v1.0 un jeu avec des cubes.
• pCubee : Un cube interactif 3D avec 5 écrans LCD
• Vidéo : Suivi de mouvement 3D à l’aide de la caméra de la Nintendo DSI.

Un des gros souci avec Binnews, c’est qu’il ne fournit pas les NZB directement pour lancer le téléchargement. Il faut faire du copier/coller, aller sur un moteur de recherche de news, c’est laborieux. Voici une solution beaucoup plus simple qui permet de rajouter des icônes de recherches à coté des noms de fichiers.

Cette solution ne fonctionne que sous Firefox, désolé pour les utilisateurs d’autres navigateurs. sinon pourquoi ne pas commencer par installer firefox.

Ensuite il faut installer un plugin pour Firefox : GreaseMonkey.

GreaseMonkey permet l’exécution de script sur certaines pages web afin de les modifier « à la volée ».

Télécharger Grease Monkey ici : https://addons.mozilla.org/fr/firefox/downloads/latest/748

Ensuite il reste à rajouter le script pour Binnews à Grease Monkey, le script est disponible là :

http://userscripts.org/scripts/show/13851

Le script rajoutera les moteurs de recherche de news suivant :

• BinSearch,
• NewzLeech.
• BinTube.
• Binaries.nl.
• Yabse.
• Iliatou.

Il vous reste plus qu’à cliquez sur Installer à droite et valider le menu suivant en cliquant encore sur intaller :

Et voilà, maintenant quand vous irez sur Binnews vous aurez les menu comme sur l’image du haut.

Un grand merci à Draly pour l’info.

• Power Twitter : Un plugin pour Firefox qui améliore Twitter.
• SkipScreen : Un plugin pour Firefox qui facilite vos téléchargements sur RapidShare, Megaupload et autres…
• ScreenGrab : Un plugin pour Firefox de capture d’écran.
• FoxTab : Ajouter les effets visuels de Safari à Firefox…

Voici un plugin bien sympa pour Firefox, qui rajoute des effets visuels un peu dans le style de Safari 4. On retrouvera l’effet mur, le basculement de fenêtre en 3D, etc… à voir si vous êtes un puriste de Firefox, sinon vous pouvez toujours installer Safari.

Lien direct pour installer le plugin :

https://addons.mozilla.org/en-US/firefox/addon/8879

source : http://www.foxtab.com/

• Power Twitter : Un plugin pour Firefox qui améliore Twitter.
• SkipScreen : Un plugin pour Firefox qui facilite vos téléchargements sur RapidShare, Megaupload et autres…
• ScreenGrab : Un plugin pour Firefox de capture d’écran.
• ARSights : La réalité augmentée sous Google Earth.