War Thunder

facebook comments για τον blogger

Στη ανάρτηση αυτή θα δούμε πως μπορούμε να προσθέσουμε facebook comments (σχόλια) στο blog μας που χρησιμοποιεί τη πλατφόρμα του blogger.

demo μπορείτε να βρείτε εδώ.

Απλά ακολουθήστε τα παρακάτω βήματα:

Βήμα 1:  Συνδεθείτε στο λογαριασμό σας στο facebook και ακολουθήστε το σύνδεσμο αυτό.

Σημ: Αν είναι η πρώτη φορά που θα φτιάξετε κάποιο app, τότε ίσως σας ζητήσει να πιστοποιήσετε τη ταυτότητα σας.

Βήμα 2: Ο  παραπάνω σύνδεσμος σας οδηγεί στη πλατφόρμα του facebook developers. Πατήστε +Create new app. Θα σας ζητηθεί να δώσετε ένα όνομα στο καινούργιο app που φτιάχνετε. Ακολούθως, ίσως σας ζητηθεί να συμπληρώσετε κάποιο captcha.

Βήμα 3:  Η σελίδα που θα βλέπετε τώρα είναι η σελίδα ρυθμίσεων (settings screen).  Αρχικά, αντιγράψτε κάπου πχ. στο notepad το App ID γιατί θα το χρειαστούμε παρακάτω. Αν το πεδίο email είναι κενό, βάλτε το email της ιστοσελίδας σας. Ακολούθως, βάλτε ως domain το blogspot.com εκτός και αν έχετε δικό σας custom domain. Τέλος προσθέστε το URL της ιστοσελίδας σας στο κατάλληλο πεδίο όπως φαίνεται στη παρακάτω εικόνα:


Βήμα 4:  Συνδεθείτε στο λογαριασμό σας στο blogger.  Επιλέξτε από το μενού αριστερά, Πρότυπο->Επεξεργασία HTML και μετά πατήστε Συνέχεια.

Σημ: Πάντα πριν από αλλαγές στο πρότυπο μας, το αποθηκεύουμε (backup) για καλό και για κακό.

Βήμα 5:  Τσεκάρετε το κουτάκι Επέκταση προτύπων γραφικών στοιχείων. Με Ctrl+F αναζητήστε τη παρακάτω γραμμή:

<head>

Επικολλήστε το παρακάτω κώδικα ΑΚΡΙΒΩΣ από κάτω:

<meta content='YOUR_FACEBOOK_APPLICATION_ID' property='fb:app_id'/>

Αντικαταστήστε το YOUR_FACEBOOK_APPLICATION_ID με το App_ID που φυλάξετε στο βήμα 3.

Βήμα 6: Με Ctrl+F αναζητήστε τη παρακάτω γραμμή:

<data:post.body/>

Επικολλήστε το παρακάτω κώδικα ΑΚΡΙΒΩΣ από κάτω:

<b:if cond='data:blog.pageType == "item"'>
<div id="fb-root"></div>
<script>(function(d){
 var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
 js = d.createElement('script'); js.id = id; js.async = true;
 js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
 d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
<fb:comments width='450' colorscheme='light' expr:title='data:post.title'
expr:href='data:post.canonicalUrl' expr:xid='data:post.id'/>
</b:if>

Μπορείτε να τροποποιήσετε το πλάτος (width) ή το χρωματισμό από light να γίνει dark.

Βήμα 7: Με Ctrl+F αναζητήστε τη παρακάτω γραμμή:

<html

Προσθέστε το παρακάτω κώδικα έτσι ώστε να εμπεριέχεται στο tag αυτό όπως φαίνεται στη εικόνα:

xmlns:fb="https://www.facebook.com/2008/fbml"


Αυτό ήταν! Αποθηκεύσετε τις αλλαγές που κάνατε και είστε έτοιμοι!

loading...

Share This Post

Related Articles

2 Responses to “facebook comments για τον blogger”

  1. Dimitris says:

    Στο blog μου δεν δουλεύει το facebook comments. Έχω δοκιμάσει πολλούς τρόπους που δημοσιεύονται κατά καιρούς στο internet αλλά δεν έχω καταφέρει να δουλέψει κανένας. Προφανώς κάτι εμποδίζει την εμφάνιση των comments. Μήπως μπορείτε να με βοηθήσετε, να μάθω τι φταίει?

    • demiscy says:

      Δημήτρη, δοκίμασε να απενεργοποιήσεις το fb share button και το fb floating box που έχεις στα δεξια. Πιθανόν ένα από αυτά να χρησιμοποιεί κοινές μεταβλητές. Κάνε αυτό ξαναδοκίμασε και μετά αν είναι το share button μπορείς να βάλεις μπάρα του addthis http://greekpcblog.com/?p=505

Leave a Reply

Άδεια Creative Commons
Χορηγείται με άδεια Creative Commons Αναφορά Δημιουργού - Παρόμοια Διανομή 4.0 Διεθνές .
© 2017 Greek PC Blog. All rights reserved. Site Admin · Entries RSS · Comments RSS