Pretty baby spin-doktorer http://1apotekonline.com/cialis/ sterling sølv pille kasse
Facebookkommentarer på din blogg

Facebookkommentarer på din blogg

OBS! Det här är ett tips som kan vara svårt om man inte är så van vid att ändra i sin design, så tänk på att spara en kopia av dina kodmallar innan du börjar!

Ett alternativ som finns till vanliga kommentarsfunktionen som finns på blogg.se är att man istället lägger in en funktion från Facebook så att man kan kommentera med hjälp av Facebook.

facebookkommentar

Fördelen med det är att det inte går att kommentera anonymt, för man måste vara inloggad på Facebook för att kunna kommentera. Nackdelen är att du inte ser om du fått några nya kommentarer när du loggar in på din blogg utan måste kolla varje inlägg.

Men, jag tycker iaf att det kan vara ett bra alternativ för vissa så tänkte förklara hur man gör.

Om du vill testa och se hur det ser ut kan du gå in här: Demosida

1. Gå in på din blogg och gå in i kodmallen för inlägg.

facebookkommentar1

2. Kopiera följande kod:

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/sv_SE/all.js#xfbml=1&appId=273860529351729";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

3. Nu ska du klistra in den här koden i din kodmall, och var det beror lite på vilket tema du använder, för kodmallarna ser lite olika ut.

Om hela grundkoden finns i din kodmall, dvs det ser ut ungefär så här i början av din kodmall:

<html>
<head>

Då ska du klistra in koden på raden som är precis under <body>.

Om du har något av de nyare teman, då kan det se ut så här istället: {% extends ”index” %}

Då klistrar du in koden precis ovanför <div id=”content”>

facebookkommentar2

4. Kopiera nu följande kod:

<div class="fb-comments" data-href="http://dinbloggadress{{ entry.url }}" data-width="470" data-num-posts="10"></div>

5. Nu kommer det knepiga i det hela, att byta ut all kod som har med kommentarer att göra normalt sett mot ovanstående kod. Det ser olika ut på de flesta teman, men grundprincipen är densamma ändå.

Leta upp följande kodrader:

<!–### AD do not remove or move ###–>
{% if entry.comment_enabled %}

All kod nedanför dessa rader ända ner till följande koder skall ersättas:

{% endif %}
</div>

<div class=”clear”></div>
</div>
<div id=”sidebar”>

Kolla noga på bilden nedanför så ser du koderna lite lättare.

facebookkommentar3

Om du kollar noga så har jag lämnat lite kod mellan de olika koderna, det är för att behålla facebookkommentarerna inom själva wrappern. Det är något som ni själva får testa er fram lite med, därav viktigt att ni har sparat kodmallen från början så att ni kan återställa allt igen om det blir fel. Det handlar om att våga testa och göra fel och sen testa igen och göra rätt.

Nu är det ett par småsaker kvar att göra.

6. I koden som du kopierade i steg 4 så står det http://dinbloggadress{{ entry.url }}. Där ska du byta ut din bloggadress mot just din bloggadress. I mitt fall skulle det se ut så här: https://designadinblogg.se{{ entry.url }}

7. Om du vill ändra bredden på kommentarsfältet så gör du det där det står data-width=”470″. Ändra till en bredd som passar just din blogg. Om du vill ändra antalet kommentarer som visas så ändrar du det där det står data-num-posts=”10″.

Som sagt, det här är ett lite knepigt inlägg som kräver lite kunskap, men om allt går åt pipan, så är det bara att återställa din kodmall igen.

Grundare av Designa Din Blogg. Drev den här sidan som ett hobbyprojekt under åtta år, numera har jag lämnat över ansvaret för DDB. Är pappa till Ludvig och make till Elin.

Läs mina andra inlägg

Lämna ett svar

Din e-postadress kommer inte publiceras. Obligatoriska fält är märkta *