Votre publicité ici ?

Créer une “toolbar” pour votre site web gratuitement !

{ Publié le : Mardi 5 juin 2012, par grosdunord, classé dans : Création de sites avec 11 commentaires }

Bonjour à tous,

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

Cette d’outils peut être utile pour les internautes de votre 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 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


Est-ce que cet article intéresserait vos amis ? Dites-leur qu'il existe !

           

La version PDF de cet article :

Cette fonctionnalité n'est valable que pour les membres inscrits sur Easytutoriel.com, si vous n'avez pas de compte, cliquez ici pour créer un compte !
L'auteur : (299 points)
Administrateur du blog vistaide.com je suis Fan de tous ce qui touche à la création de site web.
grosdunord a écrit 2 articles pour Easytutoriel.com.

Déjà 11 commentaires ! { Ajouter le vôtre ? }

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

De rien mon amis avec plaisir 8)

Coucou,

En fait, vous m’avez surpris :woot:
Je n’ai même pas pensé que vous allez écrire un tutoriel, mais bon :) vous avez gagné +150 points !

Ils pourront être utilisés prochainement par la suite pour acheter des produits sur le site :lol:

A+

bin j’avais déjà fait un tutoriel sur Teamspeak assez complet et je l’avais dit que je reviendrai faire des tutoriel de temps à autre .
Et je vais continuer à en poster par la suite mais comme vous je veut trouver le tutoriel qui sera utile pour beaucoup de monde.
Je pense faire un tutoriel pour creer une web app avec le meme service :)

Ça ira mieux alors :) Mais SVP de ne pas utiliser le même service, et pour la prochaine fois, lisez votre article avant des les poster !
Vous m’avez créé du travail :D

Heu qu’elle est le soucis avec ce service ?

l3aze :D

merci :p

J’ai parcouru le tuto avec curiosité, bien que je ne sois pas un chaud partisan des toolbars, qui sont souvent source à ennuis. Je pense que chrome a bien raison de ne pas les autoriser. Entre celles qui sont malveillantes et celles truffées de pub je m’abstiendrais de ce genre de com.
Mais je salue l’effort.

Y a pas de soucis, sauf qu’il est préférable d’utiliser un autre service pour diversifier…
Comme vous le savez, le Google Chrome n’admet plus de barre d’outils…

2 Trackbacks/Pingbacks

Ecrire un commentaire

*

:D :) ^_^ :( :o 8) ;-( :lol: xD :wink: :evil: :p :whistle: :woot: :sleep: =] :sick: :straight: :ninja: :love: :kiss: :angel: :bandit: :alien: