Φόρουμ

Για όλες τις απορίες και συζητήσεις στο φόρουμ που δημιουργήσαμε http://forum.click4money.gr/
Μπείτε κάντε εγγραφή και πείτε ένα γεια να γνωριστούμε ;)

Φόρμα επικοινωνίας

Όνομα

Ηλεκτρονικό ταχυδρομείο *

Μήνυμα *

facebook comments box στο blogger
Καλησπέρα σε όλους, πολλοί βλέπετε τα σχόλια του facebook κάτω από άρθρα ιστοσελίδων και blogs και αναρωτιέστε πως γίνετε να το κάνετε και εσείς στο δικό σας blog. Σήμερα θα δείτε πως μπορείτε να το ενσωματώσετε και εσείς αυτό.

Σας έφτιαξα και ένα απλό οδηγό βίντεο που θα το βρείτε κάτω κάτω στο τέλος του άρθρου όπου σας δείχνω την όλη διαδικασία τοποθέτησης αυτής της εφαρμογής.

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

Διαδικασία ενσωμάτωσης του κώδικα στο blogger:
  1. Σύνδεση στο blogger.com και επιλογή του blog που σας ενδιαφέρει
  2. Από το μενού πάτε στο "Πρότυπο" και "Επεξεργασία HTML"
  3. Τώρα βρισκέσται στον κώδικα html όπου πρέπει να βάλετε μέσα στο τμήμα head σε όποιο σημείο θέλετε τον πιο κάτω κώδικα (τα γράμματα που βλέπετε με κόκκινο αντικαταστήστε τα με το App ID που σας είπα να αντιγράψετε πιο πάνω και αποθηκεύστε το πρότυπο σας):
  4. <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 θα σας ανοίξει μια σελίδα όπου θα μπορείτε να βλέπετε και να διαχειρίζεστε τα σχόλια που θα γίνονται.

Όσοι αντιμετωπίζετε δυσκολίες δείτε το πιο κάτω βίντεο όπου δείχνω και στην πράξει την όλη διαδικασία. Αν συνεχίζεται να έχετε κάποιο θέμα απλά αφήστε σχόλιο.

7 Σχόλια:

  1. Έχω τα κάδρα έτοιμα όποτε μπορέσεις βάλτα, είναι 6 μεγάλα στη δεξιά στήλη και το μικρό κάδρο στα 3 σλίντερ της αριστερής στήλης.

    ΑπάντησηΔιαγραφή
  2. Γιώργο δεν έχω footer-line-3'> έχω footer-line-1'> footer-line-2'> πως θα το προσθέσω; ευχαριστώ

    ΑπάντησηΔιαγραφή
  3. δουλευει μια χαρα..ευχαριστω πολυ.. https://lh5.googleusercontent.com/-pj6fMvZXTyc/T2WEga9-gjI/AAAAAAAACcM/kVpUCa7uqpw/s36/27.gif

    ΑπάντησηΔιαγραφή
  4. μπραβο ο καλυτερος οδηγος για τα σχολια φβ!!!!

    ΑπάντησηΔιαγραφή
  5. Τα καταφερα και εγω, με την πρωτη! Ο καλυτερος οδηγος για τα σχολια !!!

    ΑπάντησηΔιαγραφή
  6. Χερετε, πολυ χρησιμο η σελιδα σου φιλε,
    για τη συμπύκνωση κώδικα JavaScript εχεις γραψει πουθενα; Μπορω να τ βρω;

    ΑπάντησηΔιαγραφή

Όλες οι απορίες πλέον θα λύνονται μόνο μέσα στο φόρουμ το οποίο μπορείτε να βρείτε εδώ http://forum.click4money.gr/
Ο λόγος είναι για να μαζεύεται όλο το υλικό εκεί και να μην απαντάμε συνέχεια στα ίδια ερωτήματα

 
Top