Dév

Fév 14 2010

Ajouter un bouton Google Buzz sur WordPress

Dév 9

(1 vote(s), 5,00/ 5)

Quelques jours après sa sortie, l'intérêt pour le nouvel outil de communication Google Buzz reste partagé. Néanmoins, si vous souhaitez que vos visiteurs puissent buzzer sur la toile, vous pouvez ajouter un bouton Google Buzz.

Voici deux solutions pour intégrer Google Buzz à WordPress.

La méthode manuelle

Intégrer le code suivant là ou vous souhaitez que le bouton apparaisse, je vous conseille de l'insérer dans single.php :

<a rel="nofollow external" href="http://www.google.com/reader/link?url=<?php the_permalink() ?>&title=<?php the_title () ?>&srcURL=https://blogmotion.fr/"><img src="http://bit.ly/buzzicon"/> GBuzz!</a>

(Remplacez srcURL=https://blogmotion.fr par l'URL de votre blog).

Exemple de rendu (lien non actif) :

GoogleBuzz GBuzz!

Avec un plugin adapté

Si vous n'aimez pas plonger dans le code source de WordPress, sachez qu'il existe un plugin nommé Google Buzz Button.

Je l'ai découvert chez Valentin et je vous invite à lire son billet pour les explications concernant l'installation et l'utilisation, rien de compliqué rassurez-vous.

Conclusion

Je ne saurai vous dire s'il est réellement pertinent d'intégrer Google Buzz et chacun agira comme bon lui semble. Je pense toutefois que Google Buzz sera rapidement ajouté à la longue liste de services sociaux comme le propose les plugins SexyBookmarks ou encore Sociable. Patientez si vous ne souhaitez pas ajouter un énième plugin...

Fév 11 2010

Utiliser un fond aléatoire pour votre blog

web 7

(1 vote(s), 4,00/ 5)

But : utiliser des fonds aléatoires sur un blog/site (démonstration).

On m'a récemment demandé s'il était possible d'utiliser un fond (background) aléatoire sur un blog. La réponse est oui, c'est même très simple.

Avant tout, sachez qu'il existe bon nombre de méthodes pour y parvenir, des plus simples aux plus saugrenues voir lourdes pour votre serveur.

La solution pour laquelle j'ai opté ne consommera aucune ressource supplémentaire vis-à-vis d'un fond unique. Elle est également compatible avec tous les systèmes de cache existants (WP-SuperCache inclus) puisque le code javascript s'exécute sur la partie cliente, c'est à dire le navigateur de l'internaute.

Pré-requis

Il vous faut bien évidemment créer vos fonds et les placer de préférence dans le même répertoire, bien que ce ne soit en rien une obligation.

Pour l'aspect pratique nous utiliserons un chiffre pour distinguer les fonds : fond1.jpg, fond2.jpg, fond3.jpg, etc.

Une pincée de CSS

Nous allons tout simplement jouer sur le contenu de la feuille de style. L'image de fond va être appliquée directement sur la balise BODY.

Nous devons dans un premier temps définir les différents attributs pour le fond :

body { background-repeat: no-repeat; }

Puis, créez X classes CSS, X correspondant même nombre que vous avez de fonds :

.ban1 { background-image: url('images/fond1.png'); }
 .ban2 { background-image: url('images/fond2.png'); }
 .ban3 { background-image: url('images/fond3.png'); }

Enregistrez et envoyez votre fichier CSS sur le serveur, puis passons à la suite.

Un grain de javascript

La dernière étape consiste à ajouter une ligne de code Javascript pour permettre l'appel aléatoire d'une des classes CSS, chacune faisant appel à un fond différent.

Remplacer votre balise "<body>" par :

<script type="text/javascript">
 var banListe=['1','2','3'];
 document.write('<body class="ban' + banListe[Math.floor(Math.random()*banListe.length)] +'">');
 </script>

C'est fini !

Conclusion

Enregistrez et envoyer tous les fichiers modifiés, pensez à vider votr système de cache si vous en utilisez-un.

Cette méthode est simple mais fonctionnelle. Vous pouvez tout à fait utiliser jQuery, mootools, ou tout autre framework JavaScript si vous êtes à l'aise avec. N'hésitez pas à partager votre code dans les commentaires.

Voir la démonstration.

Jan 07 2010

SpriteMe (I’m Famous) : optimiser le chargement d’un site

web 6

(2 vote(s), 4,00/ 5)

SpriteMe est un webservice très pratique permettant d'optimiser le poids d'une page web, ce qui influence directement son temps de chargement. SpriteMe est capable de générer vos sprites CSS de façon complètement autonome.

» Lire la suite

Déc 29 2009

[Formation] Rejoignez la communauté Freebox Games

Dév 1

(Votez !)

Élixir est un framework applicatif permettant de développer des jeux ainsi que des logiciels pour Freebox HD. Il est basé sur un moteur ECMAscript et les Enlightenment Foundation Libraries.

Freebox S.A.S. propose gratuitement aux développeurs, amateurs ou professionnels, une formation technique sur ce toolkit en deux jours : le samedi 30 et dimanche 31 Janvier 2010. Au programme » Lire la suite

Déc 25 2009

Adapter Simple Tags pour WordPress 2.9

PHP (My)SQL 2

(Votez !)

Si vous utilisez l'extension WordPress Simple Tags 1.6.6, vous avez pu vous compte qu'il est incompatible avec la récente mise à jour de WordPress 2.9.

Cette extension permet de définir les mots clés d'un billet rapidement grâce à l'auto-complétion lors de la frappe. Elle se révèle très pratique et il est difficile de s'en passer.

En attendant une mise à jour par son auteur Amaury Balmer, voici comment modifier le contrôle de version de WordPress réalisé par l'extension pour la rendre compatible avec WordPress 2.9. » Lire la suite

Déc 20 2009

Un script PHP pour générer vos url goo.gl facilement

PHP (My)SQL 17

(2 vote(s), 3,00/ 5)

C'est en surfant sur le blog de Benoit Descary qu'il m'est venu l'idée de créer un script PHP permettant de créer vos propres URL compressées à la source Goo.gl.

Google ne propose pour l'instant aucun moyen de compresser une URL, outre l'utilisation de la Google Toolbar. J'ai donc crée un script PHP qui rend possible l'utilisation du service Goo.gl sans la G.Toolbar.

Attention : ce billet date de 2009 et n'est plus d'actualité, l'API de reCaptcha a changé, voir documentation.

Pour des questions de sécurité, le script est protégé avec un reCaptcha afin d'éviter d'éventuelles attaques DoS à l'encontre du serveur PHP qui réalise une requête à l'extérieur.

Le principe est tout à fait simple, il suffit d'entrer l'URL que vous souhaitez compresser, puis de cliquer sur Goo.gliser :

» Lire la suite

Déc 17 2009

Un formulaire de création d’utilisateurs LDAP avec jQuery

web 3

(3 vote(s), 3,33/ 5)

Objectif : générer de façon autonome les identifiants de connexions de chaque utilisateur pour un domaine (LDAP ou Active Directory) grâce à un formulaire en jQuery.

Essayer la démo.

Seule la partie de nommage sera abordée, la partie de traitement du formulaire ne fait pas partie de l'objet de ce billet.

formulaire-jquery

Que vos utilisateurs soient gérés depuis un serveur LDAP Linux ou depuis un serveur Windows avec Active Directory (qui de toutes façons cache un serveur LDAP), vous devez adopter un nommage strict pour la définition des identifiants et adresses emails des utilisateurs de l'entreprise.

En effet, il n'y a rien de plus ennervant que de constater que certains identifiants (login) sont créés sur la base de prenom.nom puis d'autres sous p.nom ou encore pnom. Tout système informatique se doit d'être organisé et cohérent. » Lire la suite

Nov 06 2009

Google offre ses outils de compression JS

web 1

(2 vote(s), 4,00/ 5)

closure-tools Google est le plus gros consommateur de JavaScript de par sa popularité et ses nombreux services en ligne. Chaque optimisation de code est source d'économies en terme de bande passante, de temps et biensûr de coût.

Il suffit de regarder le code source de Google.com pour se rendre compte à quel point tout est optimisé. Google compresse en réalité toutes les parties de code JavaScript de façon très efficace. De nombreux services seraient pratiquement inutilisables sans ses optimisations (Gmail, Maps, etc.). On se souvient par exemple que Gmail prenait parfois plus de 60 secondes sur une connexion bas débit pour afficher la boite de réception...

compression-javascript

Un contenu web en Java-Script peut réagir différemment suivant le navigateur utilisé. L'unification des affichages et du comportement des applications fait parti des objectifs de la firme américaine. Pour y parvenir Google vient de sortir une suite d'outils baptisée Closure Tools, tout droit issue du Labs et via le Google App Engine. » Lire la suite

Oct 31 2009

Remplacer une chaine de caractères dans une table MySQL

PHP (My)SQL 3

(1 vote(s), 5,00/ 5)

remplacer-chaine-mysql Pour plusieurs raisons, il arrive que vous soyez amené à modifier un mot, une adresse ou de façon plus générale modifier une chaine de caractères dans votre base de données.

Typiquement, lorsque vous changez de nom de domaine et que vous disposez d'un blog cette opération est très pratique mais surtout, nécessaire. Comme je me sers régulièrement de cette petite astuce, j'ai décidé de la partager, bien qu'elle ne soit absolument pas secrète ou complexe.

Commande MySQL :

[sql]UPDATE Table SET le_champ=REPLACE(le_champ,'chaine a remplacer','chaine de remplacement) WHERE le_champ LIKE '%chaine a remplacer%'[/sql]

Voici un exemple d'utilisation, tiré d'une de l'opération de migration de Blogmotion (changement de serveur). » Lire la suite

Sep 20 2009

Personnaliser simplement l’avatar par défaut de WordPress

PHP (My)SQL 36

(3 vote(s), 5,00/ 5)

WordPress prévoit nativement la prise en charge d'avatars, parmi lesquels le système d'avatar Gravatar permettant de rattacher un avatar à une ou plusieurs adresses email (depuis la version >= 2.5).

Pour peu que l'un de vos commentateurs ne soit pas inscrit chez Gravatar, c'est l'avatar par défaut qui apparaît. Pourquoi ne pas personnaliser cette image à l'effigie de votre blog ?

Il est toujours agréable de voir que l'auteur du blog a modifier son blog jusqu'à penser à ce genre de détail :

» Lire la suite

Blog Tech

Ajouter un bouton Google Buzz sur WordPress

La méthode manuelle

Avec un plugin adapté

Conclusion

Utiliser un fond aléatoire pour votre blog

Pré-requis

Une pincée de CSS

Un grain de javascript

Conclusion

SpriteMe (I’m Famous) : optimiser le chargement d’un site

[Formation] Rejoignez la communauté Freebox Games

Adapter Simple Tags pour WordPress 2.9

Un script PHP pour générer vos url goo.gl facilement

Un formulaire de création d’utilisateurs LDAP avec jQuery

Google offre ses outils de compression JS

Remplacer une chaine de caractères dans une table MySQL

Personnaliser simplement l’avatar par défaut de WordPress

Blog indépendant

Blogs Amis

Catégories