Efter lite test och forskning, har jag nu kommit fram till den perfekta och ultimata lösningen för att få en facebook gilla-knapp eller rekommendera-knapp på din blogg.se/webblogg.se-blogg.

Innan har jag ju skrivit hur du gör för att lägga in en knapp på inläggssidan, dvs där man kan kommentera, men nu har jag löst det hela med hur man ska göra för att få med knappen på bloggens startsida/framsida med och då givetvis kopplat till varje inlägg som visas.

Jag kommer att visa er båda varianterna, och med de olika koderna man skall ha för antingen gilla eller rekommendera.

Vi börjar med att lägga in en knapp tillhörande varje inlägg på framsidan, eller startsidan som vissa kallar det.

Gilla-knapp framsidan
1. Gå in i dina kodmallar.
bloggdesign blogg.se

2. Kopiera denna koden:

<script src="http://connect.facebook.net/sv_SE/all.js#xfbml=1"></script><fb:like href="din bloggadress här/${EntryPermaLink}" font="verdana" show_faces="false"></fb:like>

3. Klistra in koden i din kodmall, i mitt exempel så hamnar knappen nere vid permalink och kommentarslänken.
Då ska du leta upp <div class=”entrymeta”> och lägga in koden en rad under den kodraden.
facebook gilla-knapp blogg.se

4. I koden står det din bloggadress här och där ska du lägga in adressen till din egen blogg utan http://.

Det skall alltså se ut så här om din blogg heter annasblogg.blogg.se:
Exempel: <script src=”http://connect.facebook.net/sv_SE/all.js#xfbml=1″></script><fb:like href=”annasblogg.blogg.se/${EntryPermaLink}” font=”verdana” show_faces=”false”></fb:like>

5. Om du vill att det ska vara ett annat typsnitt på texten på knappen, så ändrar du det där det står font=”verdana”. Du kan välja mellan dessa typsnitt: arial, lucida grande, segoe ui, tahoma, trebuchet ms och verdana.

Om du vill att det ska visas en ansiktsbild på de som har tryckt på knappen, då ändar du show_faces=”false” till show_faces=”true”.

6. Spara din kodmall, så ska du se att din knapp kommer ligga under varje inlägg på din blogg.

Rekommendera-knapp på framsidan

Följ samtliga steg som ovan, men använd dig av denna koden istället:

<script src="http://connect.facebook.net/sv_SE/all.js#xfbml=1"></script><fb:like href="din bloggadress här/${EntryPermaLink}" font="verdana" show_faces="false" action="recommend"></fb:like>

Sen är det bara att spara.

Gilla-knapp på inläggssidan

1. Gå in under dina kodmallar och välj kodmallen inläggssida.

bloggdesign blogg.se

2. Kopiera denna koden:

<script src="http://connect.facebook.net/sv_SE/all.js#xfbml=1"></script><fb:like font="verdana" show_faces="false"></fb:like>

3. Klistra in koden i din kodmall, i mitt exempel så hamnar knappen nere vid permalink och tiden.
Då ska du leta upp <div class=”entrymeta”> och lägga in koden en rad under den kodraden.

4. Om du vill att det ska vara ett annat typsnitt på texten på knappen, så ändrar du det där det står font=”verdana”. Du kan välja mellan dessa typsnitt: arial, lucida grande, segoe ui, tahoma, trebuchet ms och verdana.

Om du vill att det ska visas en ansiktsbild på de som har tryckt på knappen, då ändar du show_faces=”false” till show_faces=”true”.

5. Nu kan du spara din kodmall, sen kommer du ha en gilla-knapp på alla inlägg även på inläggssidan.

Rekommendera-knapp på inläggssidan

Följ stegen i exemplet jag beskrev nyss, men använd följande kod istället:

<script src="http://connect.facebook.net/sv_SE/all.js#xfbml=1"></script><fb:like font="verdana" show_faces="false" action="recommend"></fb:like>

Spara kodmallen sen, och vips, så har du en rekommendera-knapp.

Om du vill läsa mer om de funktioner som finns, så kan du gå in på http://developers.facebook.com/docs/reference/plugins/like och läsa mer.

Om Lari

Lari Salminen har skrivit 877 inlägg.

Grundare av Designa Din Blogg. Jobbar heltid som brandman på Medelpads Räddningstjänstförbund och driver den här sidan på fritiden som en hobby.