Comment personnaliser votre bouton Addthis?
Ajoutez le code ui_cobrand facultatif pour inclure le nom de votre site dans votre addthis menu ou bouton.
AddThis est un service de création de signets en ligne qui vous permet d'interagir via une application Web ou un widget, appelé bouton ou boîte à outils Addthis. Ces boutons sont spécifiques au site Web, permettant aux visiteurs d'avoir un accès en un clic pour partager du contenu avec d'autres sites et communautés à vocation sociale tels que Facebook. Il est parfois nécessaire ou idéal de personnaliser votre (vos) bouton (s) Addthis afin qu'ils aient le plus d'impact; cet article vous apprendra comment faire exactement cela.
Méthode 1 sur 6: modifiez l'image de votre bouton AddThis
- 1Faites votre choix parmi une large collection d'icônes personnalisées tierces en cliquant ici.
- 2Insérez l'URL où se trouve l'image souhaitée dans le code, en la remplaçant par l'URL suivante: http://s7.addthis.com/static/btn/sm-plus.gif (également illustrée dans l'image ci-dessous). De même, toute image du code peut être modifiée en remplaçant une URL donnée par la vôtre.
Méthode 2 sur 6: ajouter le nom de votre site au bouton Ajouter ce bouton
- 1Ajoutez le code ui_cobrand facultatif pour inclure le nom de votre site dans votre addthis menu ou bouton. Cela ajoutera une étiquette de texte dans le coin supérieur droit du menu. Insérez simplement le nom de votre site après le code, comme indiqué dans l'image ci-dessous. L'exemple montre le nom du site comme "guide", mais pour votre site, vous le remplacerez par votre propre nom de site.
Méthode 3 sur 6: changer la couleur de l'en-tête et de l'arrière-plan
- 1Insérez le ui_header_color facultatif suivi du code de couleur HTML pour modifier la couleur du texte de premier plan dans l'en-tête compact (au survol).
- 2Vous pouvez également insérer le code optionnel ui_header_background suivi de votre code couleur afin de définir la couleur du menu d'arrière-plan de l'en-tête et de la lightbox.
Méthode 4 sur 6: changer de langue / traduction personnalisée
- 1Insérez les codes suivants suivis de vos traductions personnalisées afin de remplacer la fonction de traduction automatique et de localiser vos boutons dans la langue de votre choix. Pig Latin est utilisé dans les exemples.
- 2Vous devrez d'abord ajouter l' objet javascript addthis_localize pour accéder aux paires nom / valeur de traduction personnalisées:
- 3Insérez le share_caption facultatif suivi de votre traduction pour remplacer "bookmark & share".
- 4Insérez l' email_caption facultatif suivi de votre traduction pour remplacer «envoyer un e-mail à un ami».
- 5Insérez l' e-mail facultatif suivi de votre traduction pour remplacer «e-mail».
- 6Insérez les favoris optionnels suivis de votre traduction pour remplacer "favoris".
- 7Insérez le plus facultatif suivi de votre traduction pour remplacer "plus"
Méthode 2 sur 6: ajouter le nom de votre site au bouton Ajouter ce bouton.
Méthode 5 sur 6: modifier l'URL et le titre
- 1Pour changer l'URL et le titre liés à votre add, ce bouton (la page où le bouton est placé est utilisée par défaut) insérez le code optionnel addthis: url suivi de l'URL souhaitée. guide.com est utilisé dans l'exemple.
- 2Insérez addthis: code du titre suivi du titre souhaité.
Méthode 6 sur 6: ajouter un service personnalisé
- 1Insérez la notation d'objet javascript (JSON) suivante dans votre code de bouton addthis afin d'ajouter un service personnalisé. AddThis.com est utilisé dans l'exemple de code ci-dessous.
- 2Insérer le nom: suivi du nom du site / URL souhaité
- 3Insérer l' url: suivi de l'URL personnalisée que vous souhaitez utiliser.
- 4Icône d' insertion : suivie de l'URL où se trouve votre icône personnalisée.
- AddThis se traduira automatiquement dans la langue du navigateur Web utilisé pour visiter votre site.
- L'édition HTML ne doit être effectuée que par des personnes ayant une expérience préalable.
Lisez aussi: Comment utiliser le coffre-fort Master Lock?
