Σας έφτιαξα και ένα απλό οδηγό βίντεο που θα το βρείτε κάτω κάτω στο τέλος του άρθρου όπου σας δείχνω την όλη διαδικασία τοποθέτησης αυτής της εφαρμογής.
Διαδικασία δημιουργίας εφαρμογής στο 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
Διαδικασία ενσωμάτωσης του κώδικα στο blogger:
- Σύνδεση στο blogger.com και επιλογή του blog που σας ενδιαφέρει
- Από το μενού πάτε στο "Πρότυπο" και "Επεξεργασία HTML"
- Τώρα βρισκέσται στον κώδικα html όπου πρέπει να βάλετε μέσα στο τμήμα head σε όποιο σημείο θέλετε τον πιο κάτω κώδικα (τα γράμματα που βλέπετε με κόκκινο αντικαταστήστε τα με το App ID που σας είπα να αντιγράψετε πιο πάνω και αποθηκεύστε το πρότυπο σας):
<meta content="FACEBOOK-APP-ID" property="fb:app_id" />
<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 θα σας ανοίξει μια σελίδα όπου θα μπορείτε να βλέπετε και να διαχειρίζεστε τα σχόλια που θα γίνονται.Όσοι αντιμετωπίζετε δυσκολίες δείτε το πιο κάτω βίντεο όπου δείχνω και στην πράξει την όλη διαδικασία. Αν συνεχίζεται να έχετε κάποιο θέμα απλά αφήστε σχόλιο.
Έχω τα κάδρα έτοιμα όποτε μπορέσεις βάλτα, είναι 6 μεγάλα στη δεξιά στήλη και το μικρό κάδρο στα 3 σλίντερ της αριστερής στήλης.
ΑπάντησηΔιαγραφήΓιώργο δεν έχω footer-line-3'> έχω footer-line-1'> footer-line-2'> πως θα το προσθέσω; ευχαριστώ
ΑπάντησηΔιαγραφήδουλευει μια χαρα..ευχαριστω πολυ.. https://lh5.googleusercontent.com/-pj6fMvZXTyc/T2WEga9-gjI/AAAAAAAACcM/kVpUCa7uqpw/s36/27.gif
ΑπάντησηΔιαγραφήμπραβο ο καλυτερος οδηγος για τα σχολια φβ!!!!
ΑπάντησηΔιαγραφήΤα καταφερα και εγω, με την πρωτη! Ο καλυτερος οδηγος για τα σχολια !!!
ΑπάντησηΔιαγραφήεμενα η δημιουργία εφαρμογών δεν υπαρχει :(
ΑπάντησηΔιαγραφήΧερετε, πολυ χρησιμο η σελιδα σου φιλε,
ΑπάντησηΔιαγραφήγια τη συμπύκνωση κώδικα JavaScript εχεις γραψει πουθενα; Μπορω να τ βρω;