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

6 comments

  1. SvaraTimskoogs

    Hej!

    Grymt bra blogg!

    Det är bara en sak som jag har funderat på tänkte fråga om du vet hur man gör. Jag skulle vilja ha en annons i menyn (längst ned) som stannar kvar när man scrollar, nästan som en flytande meny 🙂

    Ha det så bra!

    Tim

  2. SvaraJuliaWennstig

    Hej!
    Hur kan man på ett enkelt sätt dela på content och kommentarerna så att det blir ett mellanrum där utan bakgrund?

  3. SvaraArne K

    Hej!
    Har sett hos bl.a NAVARIEN att hon har en Facebooksymbol på sin bloggs förstasida som är länkad till hennes Facebooksida. Jag har inte listat ut hur jag gör det på min blogg. Tacksam för hjälp. Hej Arne

  4. SvaraArne K

    Skrev fel: NEVNARIEN skall det vara’
    Problemet : Att få in Facebooksymbolen på min blogg o länka den till min facebooksida. Borde ju vara enkelt men har ännu inte fått någon att svara på mitt problem. Väntar…

  5. SvaraEmmie

    Hej! Jag har försökt att lägga in denna funktion på min blogg men jag får det inte att fungera. Har prövat skapat en ny blogg men får inte funktionen att fungera där heller, troligtvis gör jag något fel men jag kan inte komma fram till vad. Jag har inte ens något i min kodmall som heter “sidebar” eller “clear”.

    Tacksam för svar!
    Bloggen: http://camillamylifemyway.blogg.se/

  6. SvaraEmmie

    Hej! Jag har försökt att lägga in denna funktion på min blogg men jag får det inte att fungera. Har prövat skapat en ny blogg men får inte funktionen att fungera där heller, troligtvis gör jag något fel men jag kan inte komma fram till vad. Jag har inte ens något i min kodmall som heter “sidebar” eller “clear”.

    Tacksam för svar!
    Bloggen: http://camillamylifemyway.blogg.se/
    Kodmallen:

    &lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
    &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
    &lt;head&gt;
     &lt;title&gt;{{ blog.title }} - {{ page_title }}&lt;/title&gt;
     &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot; /&gt;
     &lt;meta name=&quot;generator&quot; content=&quot;{{ app_url }}&quot; /&gt;
     &lt;link rel=&quot;stylesheet&quot; href=&quot;{{ blog.blog_path }}style.css&quot; type=&quot;text/css&quot; /&gt;
     &lt;script type=&quot;text/javascript&quot; src=&quot;http://static.blogg.se/public/js/script_blogg.js&quot;&gt;&lt;/script&gt;
     &lt;script type=&quot;text/javascript&quot; src=&quot;http://static.blogg.se/shared/js/script.js&quot;&gt;&lt;/script&gt;
     &lt;script type=&quot;text/javascript&quot; src=&quot;http://static.blogg.se/shared/js/comments.js&quot;&gt;&lt;/script&gt;
    &lt;/head&gt;
    
    &lt;body&gt;
    
    &lt;div id=&quot;wrapper&quot;&gt;
    
     &lt;div id=&quot;header&quot;&gt;
      &lt;h1&gt;&lt;a href=&quot;{{ blog.url }}&quot;&gt;{{ blog.title }}&lt;/a&gt;&lt;/h1&gt;
      &lt;h2&gt;{{ blog.description }}&lt;/h2&gt;
     &lt;/div&gt;
    
     &lt;div id=&quot;content&quot;&gt;
    
      
       &lt;a name=&quot;a{{ entry.id }}&quot;&gt;&lt;/a&gt;
       &lt;h3&gt;{{ entry.title }}&lt;/h3&gt;
       &lt;div class=&quot;entrybody&quot;&gt;{{ entry.body }}&lt;/div&gt;
       &lt;div class=&quot;entrymeta&quot;&gt;
        {{ entry.date }} ♥ {{ entry.time }}
        &lt;a href=&quot;{{ entry.category_link }}&quot;&gt;{{ entry.category_name }}&lt;/a&gt;
        &lt;a href=&quot;{{ entry.url }}&quot;&gt;Permalink&lt;/a&gt;
    	 &lt;br /&gt;&lt;br /&gt;
    	 
    	  &lt;a href=&quot;&quot; rel=&quot;tag&quot;&gt;&lt;/a&gt;
    	 
       &lt;/div&gt;
      
    
      &lt;!-- Display comments and form if this entry allows comments --&gt;
      
    &lt;!--### AD do not remove or move ###--&gt;
    {% if entry.comment_enabled %}
    
       &lt;hr class=&quot;separator&quot; /&gt;
    
       &lt;a name=&quot;comment&quot;&gt;&lt;/a&gt;
    
       &lt;div class=&quot;default&quot;&gt;Kommentarer &lt;/div&gt;
    
       {% for comment in comments %}
        &lt;div class=&quot;commentheader&quot;&gt;
         Postat av: {{ comment.name }}
        &lt;/div&gt;
        &lt;p class=&quot;commenttext&quot;&gt;{{ comment.body }}&lt;/p&gt;
        &lt;div class=&quot;commentmeta&quot;&gt;
         {{ comment.date }} ♥ {{ comment.time }}
         &lt;!-- If comment author has written her / his e-mail address --&gt;
         {% if comment.author_email %}
           &lt;br /&gt;E-postadress: &lt;a href=&quot;mailto:{{ comment.author_email }}&quot;&gt;{{ comment.author_email }}&lt;/a&gt;
         {% endif %}
         &lt;!-- If comment author has written her / his URL --&gt;
         {% if comment.url %}
          &lt;br /&gt;URL: &lt;a href=&quot;{{ comment.url }}&quot;&gt;{{ comment.url }}&lt;/a&gt;
         {% endif %}
        &lt;/div&gt;
       {% endfor %}
    
       &lt;form class=&quot;commentform&quot; action=&quot;http://comment.publishme.se/&quot; name=&quot;commentForm&quot; method=&quot;post&quot; onsubmit=&quot;doSubmit(this)&quot;&gt;
        &lt;input type=&quot;hidden&quot; name=&quot;commentid&quot; value=&quot;{{ blog.site_id }};{{ entry.id }}&quot; /&gt;
        &lt;br /&gt;
        &lt;strong&gt;Kommentera inlägget här:&lt;/strong&gt; &lt;br /&gt; &lt;br /&gt;
        Namn: &lt;br /&gt;
        &lt;input type=&quot;text&quot; name=&quot;author&quot; onchange=&quot;doChange(this)&quot; value=&quot;&quot; size=&quot;42&quot; maxlength=&quot;255&quot; /&gt;
        &lt;input name=&quot;remember&quot; onclick=&quot;doCheck(this)&quot; type=&quot;checkbox&quot; value=&quot;1&quot; id=&quot;remember&quot; /&gt; Kom ihåg mig?&lt;br /&gt;
        &lt;br /&gt;
        E-postadress: (publiceras ej)&lt;br /&gt;
        &lt;input type=&quot;text&quot; name=&quot;email&quot; onchange=&quot;doChange(this)&quot; value=&quot;&quot; size=&quot;42&quot; maxlength=&quot;255&quot; /&gt;
        &lt;br /&gt;
        URL/Bloggadress: &lt;br /&gt;
        &lt;input type=&quot;text&quot; name=&quot;url&quot; onchange=&quot;doChange(this)&quot; value=&quot;http://&quot; size=&quot;42&quot; maxlength=&quot;255&quot; /&gt;
        &lt;br /&gt;
        Kommentar: &lt;br /&gt;
        &lt;textarea name=&quot;content&quot; onchange=&quot;doChange(this)&quot; cols=&quot;52&quot; rows=&quot;7&quot;&gt;&lt;/textarea&gt;
        &lt;br /&gt;
        &lt;input class=&quot;formbutton&quot; type=&quot;submit&quot; name=&quot;submit&quot; value=&quot;Skicka kommentar&quot; /&gt;
       &lt;/form&gt;
    
      {% endif %}
    
    	&lt;a name=&quot;trackback&quot;&gt;&lt;/a&gt;
    
    	&lt;div class=&quot;default&quot;&gt;Trackback&lt;/div&gt;
    
    	{% if entry.pingback_enabled %}
    		&lt;div class=&quot;entrybody&quot;&gt;
    			Trackback-URL för detta inlägg: &lt;br /&gt;
    			{{ pingback_url }}
    		&lt;/div&gt;
    	{% endif %}
    
    	{% for pingback in pingbacks %}
    		&lt;div class=&quot;commentheader&quot;&gt;
    			{{ pingback.title }}
    		&lt;/div&gt;
    		&lt;p class=&quot;commenttext&quot;&gt;{{ pingback.excerpt }}...&lt;/p&gt;
    		&lt;div class=&quot;commentmeta&quot;&gt;
    			&lt;a href=&quot;{{ pingback.url }}&quot; title=&quot;{{ pingback.blog }} - {{ pingback.title }}&quot;&gt;{{ pingback.blog }}&lt;/a&gt;
    			&lt;br /&gt;
    			{{ pingback.date }} @ {{ pingback.time }}
    		&lt;/div&gt;
    	{% endfor %}
    
     &lt;/div&gt;
    
    
     &lt;div id=&quot;side&quot;&gt;
    
      &lt;div class=&quot;nav&quot;&gt;
    	&lt;ul&gt;
    		&lt;li&gt;&lt;a href=&quot;{{ blog.blog_path }}index.html&quot; title=&quot;Gå till startsidan&quot;&gt;&lt;strong&gt;Till bloggens startsida&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
    	&lt;/ul&gt;
       &lt;div class=&quot;navheader&quot;&gt;Kategorier&lt;/div&gt;
       &lt;ul&gt;
         {% for category in categories %}
            &lt;li&gt;&lt;a href=&quot;{{ category.url }}&quot;&gt;{{ category.name }}&lt;/a&gt;&lt;/li&gt;
         {% endfor %}
       &lt;/ul&gt;
       &lt;div class=&quot;navheader&quot;&gt;Arkiv&lt;/div&gt;
       &lt;ul&gt;
        {% for month in archive_months %}
         &lt;li&gt;&lt;a href=&quot;{{ month.link }}&quot;&gt;{{ month.name }}&lt;/a&gt;&lt;/li&gt;
        {% endfor %}
       &lt;/ul&gt;
      &lt;/div&gt;
    
      &lt;div class=&quot;subside&quot;&gt;
       &lt;a href=&quot;{{ blog.blog_path }}index.rss&quot; title=&quot;RSS&quot;&gt;&lt;img src=&quot;http://static.blogg.se/img/rss.gif&quot; border=&quot;0&quot; alt=&quot;RSS 2.0&quot; /&gt;&lt;/a&gt;
      &lt;/div&gt;
    
     &lt;/div&gt;
    
    &lt;/div&gt;
    
    &lt;img src=&quot;http://stats.blogg.se/?id={{ blog.site_id }}&quot; border=&quot;0&quot; width=&quot;0&quot; height=&quot;0&quot; alt=&quot;&quot; /&gt;
    
    
    &lt;script src='https://static.blogg.se/public/js/footer.js?id={{ blog.id }}' type='text/javascript'&gt;&lt;/script&gt;
    &lt;/body&gt;
    &lt;/html&gt; 

Kommentera

E-postadressen publiceras inte. Obligatoriska fält är märkta *