Créer une « toolbar » pour votre site web gratuitement !
Votes : environ (100%) 1 vote

Bonjour à tous,

Aujourd’hui j’ai choisis de vous montrer et expliquer comment créer une barre d’outils (toolbar) pour votre site web, avec plusieurs fonctionnalités que l’on peut trouver sur plusieurs autres barres d’outils d’autres sites web !

Cette barre d’outils peut être utile pour les internautes de votre site web pour leur faciliter l’accès aux différents rubriques et sections de votre site web ou bien faire une recherche d’une façon rapide !

Dans ce tutoriel, je vais créer une barre d’outils pour le site Easytutoriel.com :)

Commentaire de Soufiane (le fondateur) : Merci le Grosdunord pour ce tutoriel !

Créez un toolbar propre à votre site web !

Rendez-vous sur cette page : http://www.conduit.com/

Cliquez dans le menu en haut sur « Join » :

Ensuite cliquez sur « Start Now » dans communauty toolbar :

Remplissez tous les champs ci dessous et cliquez sur « Create Account » :

Une fois votre email validé, retournez sur: http://accounts.conduit.com/home et connectez-vous à votre compte !

Nous voici arrivé sur la page de création de votre toolbar :

Cliquez sur « Create New » pour créer une nouvelle barre d’outils.

Choisissez un nom pour votre future toolbar :

Cliquez ensuite sur « Start Working » pour commencer l’édition de votre barre d’outils.

Changement de logo :

Première chose nous allons changer le logo de la barre d’outils.

Pour cela, cliquez sur « Add your logo » > « Edit« .

Vous devez créer un logo en utilisant un logiciel de graphisme, le Photofiltre par exemple !

Créez un logo de dimensions 24×220 pixels, ajoutez-le, changez le lien dans « Clicking the logo will link to » en le lien de votre site web.

Cliquez sur « Save« .

Passons à l’outil de recherche pour faire vos recherche directement sur votre site web.

Cliquez sur la barre de recherche puis sur « Edit« .

Cliquez sur Edit à côté de Search This Site.

Sur votre site web, cherchez le terme « MYSEARCHTERM » (sans les guillemets) via la barre de recherche, puis recopiez le lien des résultats de recherche.

Collez le lien de la page des résultats de la recherche.

Dans « Name the new Custom Search« , entrez un nom à votre outil de recherche.

Cliquez ensuite une deuxième fois sur le bouton « Save« .

Paramétrer le RSS :

Nous allons maintenant ajouter le flux rss de Easytutoriel.com, pour cela cliquez sur « Add » à côté de RSS.

Collez le URL de votre flux RSS, si vous utilisez WordPress vous n’avez qu’à ajouter « /feed » au lien principal de votre site web !

N’oubliez pas de mettre un nom pour le flux et l’ajouter ensuite en cliquant sur le bouton « Add« .

Cliquez sur le bouton « Save« .

Ajouter son compte Twitter :

Ajoutons maintenant le Twitter de Easytutoriel.com à la barre d’outils.

Choisissez un Icône ou bien uploadez votre propre icône.

Mettez le nom du compte Twitter dans Customize puis cliquez sur le bouton « Save« .

Ajout de la page Facebook :

Ajoutons maintenant la page Facebook de Easytutoriel.com dans notre barre d’outils.

Faites la même chose que le compte Twitter, choisissez un icône, mettez le nom ou le ID de votre page Facebook puis cliquez sur le bouton « Save« .

Ajouter sa chaîne Youtube :

Ah, je viens d’oublier la chaîne Youtube :D

Comme les autres, vous n’avez qu’à choisir un icône Youtube, mettre le nom de la chaîne Youtube et cliquez sur « Save« .

Maintenant que notre barre est prête, nous allons la publier.

Cliquez sur le bouton « Publish« .

Et maintenant que notre barre est publiée et créée, nous allons la proposer aux membres et internautes du site, pour cela cliquez sur « Distribution Tools » dans le menu horizontal en haut.

Cliquez ensuite sur « Boost traffic with banners« .

Choisissez le style de la bannière qui vous sera utile.

Ensuite recopiez et collez le code HTML sur votre site web.

Et voilà, votre barre a été créé, vous n’avez maintenant que la proposer aux visiteurs de votre site web pour qu’ils l’utilisent :)

Vous pouvez aussi leur proposer un lien de ce type : http://easytutoriel.ourtoolbar.com (mettez à la place de easytutoriel le nom de votre toolbar).

J’attend vos questions et commentaires :)

Grosdunord – Easytutoriel.com