Floating Facebook Widget
forsiden webdesign grafikk guider guider
Forsiden » Guider » Blogg.no » Style Facebook liker-knapp slik du vil

Style Facebook liker-knapp slik du vil

Når du bruker funksjonen til blogg.no for å vise en liker-knapp i blogginnleggene dine, så får du ikke bestemme hvordan den skal se ut.

bloggnofunksjon

Slik vil den se ut, og den plasserer seg i bunnen av innlegget.
facebooklikerknappbloggno

I denne guiden viser jeg hvordan du kan style den slik du vil og plassere den der du vil ha den. Tips: Fjern den gamle knappen, ellers så får du to stykker!

  1. Gå inn på denne siden.
  2. Endre innstillingene slik at du blir fornøyd med Liker-knappen. I feltet for URL kan du skrive hvilken som helst URL, denne skal vi uansett endre senere. Facebook krever at du skriver inn en gyldig URL for å få koden, så derfor må vi gjøre det slik. Her ser du hvilke innstilinger jeg har valgt:
    styleknapp
  3. Trykk på «Get Code». Kopier koden jeg har markert med rosa.
    code
  4. Gå inn i malene dine på blogg.no. For å få knappen under blogginnleggene legg inn koden under dette:
    <div>${EntryBody}</div>

    Legg koden inn over dette for å få knappen over blogginnleggene.

  5. Nå skal du fjerne URL-en du la inn. Hvis du ikke gjør dette vil man like URL-en du skrev inn og ikke hvert enkelt blogginnlegg. Jeg fjerner http://nerdie.me fordi det var den URL-en jeg valgte. I stedet skal du legge inn dette: ${EntryPermaLink}
    Til slutt ser det slik ut:

    <div data-href="${EntryPermaLink}" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false" data-font="arial"></div>

Husk å legge inn koden i alle malene dersom du ønsker å ha den på alle sidene dine.

1 kommentar

therese 11. juni 2013, kl. 05:22

Hei ! Jeg lurte på om du kunne ta en titt på bloggen min og se på designet, for det har blitt helt rart ! Det er for stort mellomrom mellom sidemenyen og innleggene mine, vet du hvordan jeg kan fikse det ? :D

Skriv en kommentar

E-postadressen din vil ikke bli publisert. Påkrevde felt er markert med *.

*


Du kan bruke disse HTML-kodene og -egenskapene: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Søk

 

Nerdie.me Design Proudly powered by WordPress