facebook gilla knapp

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.

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

Det skall alltså se ut så här om din blogg heter mattildakarlsson.blogg.se:
Exempel: <script src=”http://connect.facebook.net/sv_SE/all.js#xfbml=1″></script><fb:like href=”
mattildakarlsson.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.

 

 

lycka till !




Namn:


E-postadress: (publiceras ej)


URL/Bloggadress:


Kommentar:

Kom ihåg mig?
RSS 2.0


Ladda ner en gratisdesign på www.designadinblogg.se/gratisdesign - allt om bloggdesign!