Réaliser un bouton personnalisé pour la Google Toolbar

faviconVoilà plusieurs mois que j’ai quelques boutons personnalisés dans ma Google Toolbar qui renvoient vers des sites que j’apprécie et dont j’aime suivre l’actualité.

Ces boutons reprennent le favicon du site et affichent le flux rss choisi par l’administrateur du site ( pour un forum par exemple, ou un portail, on a l’embarras du choix). Je trouve ce genre de boutons très pratique pour plusieurs raisons :

- grâce au flux rss on a directement l’actualité du site sous la main sans passer par un agrégateur, sans changer de fenêtre

- l’accès au site est immédiat : en l’occurence pour Top Logiciel, où j’écris des articles, c’est vraiment pratique car je n’ai pas à aller chercher dans mes favoris.

Mais je m’étais toujours demandée comment on réalise ces boutons et j’étais un peu jalouse…jalouse mais pas curieuse, ni téméraire pour oser me lancer à en faire moi-même. Or c’est  » bête comme chou »… Google vous prend par la main et vous explique très facilement comment faire.

Il y a néanmoins 2 impératifs :

  • utiliser la Google Toolbar
  • le site pour lequel on souhaite faire un bouton doit disposer d’un moteur de recherche interne.

Marche à suivre

  • Création du bouton :
    Il faut positionner sa souris sur le champ de recherche du dit moteur interne et faire un clic droit. Dans le menu proposer il faut sélectionner  » Effectuer une recherche personnalisée… ». La fenêtre qui s’ouvrira vous proposera d’ajouter un bouton personnalisé à la barre d’outil. Et voilà, c’est fait ! Si le site a un favicon, il s’ajoute automatiquement dans la barre d’outil.
  • Ajout du flux rss
    Le bouton que vous venez de générer n’affiche toutefois pas encore de flux rss. Il faut maintenant aller le configurer. La première chose à faire est d’aller récupérer l’url de votre flux. Il faut ensuite aller à côté de votre champ de recherche de la barre d’outil Google et cliquer sur la flèche à droite  de la zone marquée  » Rechercher ». Vous sélectionnez  » gérer » et l’ensemble des éléments de votre toolbar va s’afficher. Vous choisissez alors votre bouton personnalisé et cliquez sur  » modifier » puis  » éditeur avancé ». Le code complet du bouton va alors s’afficher. Il suffit d’ajouter l’url de votre flux rss de cette façon :
    <feed refresh-interval= »3800″>http://www.mondomaine.com/feed/</feed>
    juste en dessous de la balise title. Vous pouvez d’ailleurs modifier le title et la description.
    Et voilà un joli bouton entièrement personnalisé.
  • Proposer le bouton en téléchargement sur votre site :
    Il faut copier le code source du bouton tel qu’il est proposé dans l’étape précédente ( et après l’avoir modifié bien entendu) et le sauvegarder sur votre serveur d’hébergement avec un titre du genre   : monbouton_button_xml. Il vous suffira ensuite de faire le lien sur votre site vers l’url suivante : http://toolbar.google.com/buttons/add?url=http://www.mondomain.com/monbouton_button.xml
  • Proposer ce bouton à Google
    Petite blogueuse à l’égo démesuré, j’ai été inscrire le bouton « Dievochka » dans la liste de boutons disponibles. Il faut aller sur la page   » envoi de votre bouton personnalisé  » et donner l’url du bouton de votre site.

Je pense que pour c’est un plus à offrir aux lecteurs qu’il ne faut pas négliger. Certains forums ou blogs à forte activité éditoriale trouveront sans doute des lecteurs qui seront intéressés par cette fonctionnalité si simple à mettre en oeuvre.
[ad#dievochka]

Cette entrée a été publiée dans Geek, avec comme mot(s)-clef(s) , , , , , . Vous pouvez la mettre en favoris avec ce permalien.

8 réponses à Réaliser un bouton personnalisé pour la Google Toolbar

  1. SurfAnna dit :

    Sympa, cette astuce ! je vais tester ça un de ces jours… au moins pour moi-même, avant mes lecteurs. :)

  2. jits dit :

    Et comment on fait pour créer une icône si le site a pas de favicon ?

  3. Dievochka dit :

    pour autant que je me souvienne, on récupère une icone par défaut de Google, très impersonnelle donc.

  4. Sidjel.M@ dit :

    Merci pour ton tuto Dievochka :)

    Snif quand même, je cherchais moi aussi à personnaliser l’icône (l’image). Certains site n’en n’ont pas par défaut :cry:

  5. Dievochka dit :

    bah oui, avec un blogger tu récupères le gros B orange… pour avoir un favicon bien à soi, il faut avoir son propre hébergement !

  6. Sidjel.M@ dit :

    Oui. J’espérerai tout de même trouver un tuto pour modifier le code du bouton, mais non, rien trouvé de telle sur le net.

    Bon, je vais pas me plaindre, j’ai qu’un seul icône qui n’est pas personnalisé :P

    Ps : C’est pas pour mon ‘blogger’ l’icône (mais c’était un exemple j’imagine…)

  7. Dievochka dit :

    si tu maitrises l’hébergement du site ce n’est pas compliqué : tu fabriques une image de 16 x 16 px, tu la nommes  » favicon.ico » et tu la places à la racine.
    Au bout d’un moment elle va apparaitre à gauche de la barre d’adresse.
    Et si tu réalises le fameux bouton personnalisé pour la toolbar le favicon sera automatiquement repris.
    Ai-je répondu à ta question ??

  8. Sidjel.M@ dit :

    Dans la mesure ou ce n’est pas pour un site que j’héberge, mais pour un site que je visite… non.

    Bref, ton tuto m’aura quand même servis, merci.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>