Slik legger du til deleknapper til Blogger
Det er ikke lenger nok å skrive blogginnlegg. Du må sørge for at innholdet ditt enkelt kan deles over alle de store sosiale medienettverkene. For å gjøre dette enklere har Blogger nylig lagt til et "share buttons" -alternativ. Å legge disse knappene til Blogger-bloggen din er ganske grei. Naviger til Blogger-dashbordet ditt, velg Design, følg ved å redigere under " Blog Posts " -boksen og en popup åpnes. Denne popup-filen vil ha et alternativ for " Show Share Buttons", velg dette og velg Lagre i popup-vinduet og Lagre på hovedsiden.
Ved siden av blogginnlegget vises deleknappene.
Standard-delingsknappene er imidlertid ganske begrensede i funksjonalitet, da de ikke lar deg velge de sosiale medienettene du vil vise, og enda viktigere, de har ikke Facebook " Like" eller Twitter " Tweet " -knappene, som er blitt allestedsnærværende på nettet.
Derfor, i denne artikkelen vil jeg beskrive hvordan du legger til delingsknapper på bloggen din fra en rekke sosiale medier, spesielt fra Facebook og Twitter.
Oppsett AddThis
Det finnes flere måter å legge til delingsknapper på bloggen din, inkludert en rekke webtjenester og til og med fra de offisielle Facebook- og Twitter-nettstedene, men jeg foretrekker å bruke AddThis som det er enkelt og svært konfigurerbart.
Når du har registrert deg for en konto, velg "Get AddThis " fra hovedsiden for å begynne å tilpasse knappene dine.
Du vil da bli presentert med noen HTML-kode for å legge til på nettstedet ditt. Hvis du legger til denne koden i bloggen din, vil deleknappene se ut som forhåndsvisning . Men hvis du vil tilpasse knappene dine videre, velg " Tilpass> ".
Her har du flere alternativer for å velge plattformen du vil legge til knappene til og deres stil. Velg stilen du vil ha for knappene dine. I stedet for å velge Blogger under Platform, velg Nettsted . Dette sikrer at hele HTML-koden til delingsknappen vises, og du kan tilpasse den senere. Stilene kan virke begrenset på dette punktet, men velg det som er nærmest hvordan du vil at deleknappene dine skal se ut og velg Grab It for å kopiere koden.
Du må nå lime inn denne koden i Blogger-bloggen din. For å gjøre det, naviger til dashbordet til bloggen din, velg Design, følg ved Rediger HTML . Hele HTML-koden for bloggen din vil vises. Deretter velger du Utvid Widget Templates .
Avhengig av hvor du vil at delingsknappene skal vises på bloggen din, kan du legge til HTML-koden fra AddThis tilsvarende. Jeg liker å ha knappene like under selve teksten til bloggen min, så legger jeg AddThis koden under
stikkord.
Når du har lagt inn koden på ønsket sted, velger du Lagre mal og ser bloggen din.
Tilpasse AddThis Share Knapper
Jeg lovte tidligere at AddThis lar deg tilpasse knappene dine utover begrensningene til dem på Blogger. For å gjøre dette må du redigere AddThis HTML-koden.
Standardkoden er som følger:
var addthis_config = {"data_track_clickback": true};
Generelle funksjoner
Den første delen av koden
styrer de generelle funksjonene til knappene. Jeg anbefaler at du legger til følgende i denne taggen:
expr:addthis:title='data:post.title'
delen av koden viser automatisk tittelen på innlegget ditt i alt du deler. Så, for eksempel, hvis du klikker på Twitter share-knappen, blir Tweet formatt for å vise tittelen på det nåværende blogginnlegget. På samme måte sikrer expr:addthis:url='data:post.url'
-delen at den permanente nettadressen til det nåværende blogginnlegget er knyttet til ditt delte innhold.
Så, hvis du skulle velge Twitter-alternativet, vil tweetet ditt for innlegget se slik ut:
Gjør Tech enklere http://t.co/nCLRCEE via @AddThis
Først vises tittelen på blogginnlegget, deretter nettadressen og til slutt den opprinnelige diskanthøyttaleren.
Ekstra knapper
Det neste settet med alternativer lar deg velge hvilke deleknapper du vil vise. Jeg anbefaler å se på tjenestelisten for å se hele listen over delingsknapper tilgjengelig (de fleste sosiale nettverk er tilgjengelige, og du kan be om mer å bli lagt til).
For å endre en share-knapp, må du bare endre denne taggen med navnet på tjenesten du vil vise. For eksempel:
en klasse = 'addthis_button_tweet' tw: via = 'abhiroopbasuu' />
Dette vil vise Tweet- knappen og Facebook " Like " -knappen i stedet for standard "preferred" -knappene. I tillegg sikrer tw:via='abhiroopbasuu'
-delen at når noen deler mine innlegg ved hjelp av Twitter, vises innlegget som opphav fra mitt brukernavn (i stedet for @AddThis).
Endelig kode
Min AddThis-kode, som inneholder innstillingene ovenfor, er som følger:
var addthis_config = {"data_track_clickback": true};
På bloggen min vises det som følger:
Konklusjon
Tilpasningsalternativene på AddThis er ubegrensede, og det støtter et stort antall tjenester. Det er umulig å skissere hver enkelt kombinasjon, men jeg vil anbefale deg å prøve ut noen få forskjellige alternativer og se hva som fungerer og det som ser bra ut.