Hoe u uw AddThis-knop kunt aanpassen

AddThis is een online bookmarking-service waarmee u kunt communiceren via een webtoepassing of een widget die bekend staat als de knop AddThis of toolbox. Deze knoppen zijn specifiek voor websites en stellen bezoekers in staat om directe toegang te hebben tot het delen van inhoud met andere sociale sites en gemeenschappen zoals Facebook. Soms is het nodig om uw AddThis-knop aan te passen, zodat deze de grootste impact heeft. In dit artikel leer je hoe je het moet doen.

Inhoud

Stappen
Methode 1
Methode 2
Methode 3
Methode 4
Methode 5
Methode 6
Tips
Waarschuwingen

stappen

Methode 1

Wijzig de afbeelding van uw AddThis-knop

Titel afbeelding Customize Your Addthis Button Stap 1

Selecteer een afbeelding uit een gevarieerde verzameling aangepaste pictogrammen van derden klik hier.

Titel afbeelding Customize Your Addthis Button Step 2

Voer de URL in (waar de gewenste afbeelding zich bevindt) naar de code die de volgende URL vervangt: http://s7.addthis.com/static/btn/sm-plus.jpg (zoals getoond in de afbeelding). Op dezelfde manier kan elke afbeelding in de code worden gewijzigd door een specifieke URL te vervangen door de URL die u kiest.

Methode 2

Voeg de naam van uw site toe aan de knop AddThis

Titel afbeelding Customize Your Addthis Button Stap 3

Voeg de optionele code toe ui_cobrand om de naam van uw site op te nemen in het menu of op de knop AddThis. Hiermee wordt een tekstlabel in de rechterbovenhoek van het menu toegevoegd. Plaats gewoon de naam van uw site achter de code, zoals weergegeven in de afbeelding. Het voorbeeld toont de naam van de site "wikiHow", maar in uw geval moet u deze vervangen door de naam van de gewenste site.

Methode 3

Wijzig de kleur van de koptekst en de achtergrond

Titel afbeelding Customize Your Addthis Button Stap 4

Voer de optionele code in ui_header_color gevolgd door de HTML-kleurcode om de tekstkleur in de compacte koptekst te wijzigen (wanneer de cursor zich boven de tekst bevindt).

Titel afbeelding Customize Your Addthis Button Stap 5

Voeg ook de optionele code in ui_header_background gevolgd door de kleurcode om de kleur en het achtergrondlicht in het kopmenu in te stellen.

Methode 4

Wijzig taal of aangepaste vertaling

Titel afbeelding Customize Your Addthis Button Step 6

Voer de volgende codes in gevolgd door uw aangepaste vertalingen om de automatische vertaalfunctie te annuleren en de knoppen te zoeken met de taal van uw keuze. In het voorbeeld werd varkenslatijn (het Latijn van varkens) gebruikt.

Titel afbeelding Customize Your Addthis Button Step 7

Voeg eerst het jаvascript-object toe addthis_localize om toegang te krijgen tot de aangepaste naam van de vertaling of waardenpaar:

Titel afbeelding Customize Your Addthis Button Step 8

Voer de optionele code in share_caption gevolgd door uw vertaling om "Bookmark and share" te vervangen.

Titel afbeelding Customize Your Addthis Button Step 9

Voer de optionele code in email_caption gevolgd door uw vertaling om "E-mail een vriend" te vervangen.

Titel afbeelding Customize Your Addthis Button Step 10

Voer de optionele code in e-mail gevolgd door uw vertaling om "E-mail" te vervangen.

Titel afbeelding Customize Your Addthis Button Step 11

Voer de optionele code in favorieten gevolgd door uw vertaling om "Favorieten" te vervangen.

Titel afbeelding Customize Your Addthis Button Step 12

Voer de optionele code in meer gevolgd door uw vertaling om "Meer" te vervangen

Methode 5

Verander de URL en titel

Titel afbeelding Customize Your Addthis Button Stap 13

Als u de URL en titel wilt wijzigen die zijn gekoppeld aan uw AddThis-knop (de pagina waarop de knop zich bevindt, wordt standaard gebruikt), voegt u de optionele code in addthis: url gevolgd door de gewenste URL. In het voorbeeld is wikihow.com gebruikt.

Titel afbeelding Customize Your Addthis Button Step 14

Voer de code in addthis: titel gevolgd door de gewenste titel.

Methode 6

Voeg een persoonlijke service toe

Titel afbeelding Customize Your Addthis Button Step 15

Voeg de volgende jаvascript-objectnotatie (JSON) toe aan de AddThis-knopcode om een aangepaste service toe te voegen. In de voorbeeldcode is AddThis.com gebruikt.