Προσθήκη facebook comments box στο blogger

0
Διαδικασία δημιουργίας εφαρμογής στο facebook:

Αφού συνδεθείτε στο facebook κάντε κλικ εδώ: https://developers.facebook.com/apps
Πατάτε στο κουμπί "+ Δημιουργία νέας εφαρμογής (+ Add a New App)"
Στο παραθυράκι που ανοίγει επιλέξτε "Ιστοσελίδα"
Στη συνέχεια δώστε το όνομα που επιθυμείτε να έχει η εφαρμογή και κάντε κλικ στο κουμπί "Create New Facebook App ID"
Στο νέο παράθυρο διαλέξτε κατηγορία και κάντε κλικ στο κουμπί "Create App ID"
Στη συνέχεια δώστε το url του blog σας στο "Site URL" και στο "Mobile Site URL" πατήστε επόμενο και ακολούθως κατεβείτε λίγο κάτω και κάντε κλικ εκεί που λέει Skip to Developer Dashboard ή κάντε κλικ στο σύνδεσμο εδώ: developers.facebook.com/apps (αν μπείτε από αυτό το λινκ θα δείτε την εφαρμογή που φτιάξετε και κάντε κλικ πάνω της)
Στην νέα σελίδα που θα σας ανοίξει συμπληρώστε αντιγράψτε το App ID

Η εφαρμογή τώρα είναι έτοιμη, μην ξεχάσετε να αντιγράψτε το App ID γιατί θα σας χρειαστεί ακολούθως στον κώδικα.


Διαδικασία ενσωμάτωσης του κώδικα στο blogger:
 

Σύνδεση στο blogger.com και επιλογή του blog που σας ενδιαφέρει
Από το μενού πάτε στο "Πρότυπο" και "Επεξεργασία HTML"
Τώρα βρισκέσται στον κώδικα html όπου πρέπει να βάλετε μέσα στο τμήμα head σε όποιο σημείο θέλετε τον πιο κάτω κώδικα (τα γράμματα που βλέπετε με κόκκινο αντικαταστήστε τα με το App ID που σας είπα να αντιγράψετε πιο πάνω και αποθηκεύστε το πρότυπο σας):



<meta content="FACEBOOK-APP-ID" property="fb:app_id" />
Ακολούθως πατήστε τα πλήκτρα ctrl+F ενώ έχετε το κέρσορα σας μέσα στο κώδικα και στο κουτάκι πάνω δεξιά που θα ανοίξει αντιγράψτε την πιο κάτω γραμμή εντολής και πατήστε enter για να την αναζητήσετε

<div class='post-footer-line post-footer-line-3'>

Όταν την βρείτε αντιγράψτε το πιο κάτω κώδικα και επικολλήστε τον ακριβώς από κάτω (τα κόκκινα γράμματα μπορείτε να τα αλλάξετε ανάλογα με τις ανάγκες σας):
<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='400' colorscheme='light' expr:title='data:post.title' expr:href='data:post.canonicalUrl' expr:xid='data:post.id'/> </b:if>
Τέλος βάλτε τον πιο κάτω κώδικα πάνω πάνω που ανοίγει η ετικέτα <html ακριβώς δίπλα από αυτήν
xmlns:fb="https://www.facebook.com/2008/fbml"
Πατώντας αυτό το λινκ: http://developers.facebook.com/tools/comments θα σας ανοίξει μια σελίδα όπου θα μπορείτε να βλέπετε και να διαχειρίζεστε τα σχόλια που θα γίνονται.
 
 
Tags

Δημοσίευση σχολίου

0 Σχόλια
* Please Don't Spam Here. All the Comments are Reviewed by Admin.
Δημοσίευση σχολίου (0)

buttons=(Accept !) days=(20)

Αυτός ο ιστότοπος χρησιμοποιεί cookies για καλύτερη φυλλομέτρηση. Δείτε...
Accept !
To Top