Latest Blog News: Διαβάζετε πάντα και τα ΣΧΟΛΙΑ των αναρτήσεων!

ΣΧΟΛΙΑ ΣΤΙΣ BLOGGER ΑΝΑΡΤΗΣΕΙΣ ΣΟΥ ΑΠΟ ΤΟ FACEBOOK - ADDING FACEBOOK COMMENT BOX TO BLOGGER BLOG


Print Friendly and PDFPrintPrint Friendly and PDFPDF


Το Facebook είναι αναμφίβολα η μεγαλύτερη διαδικτυακή κοινότητα. Δεν υπάρχει άλλο site με περισσότερα μέλη. Έτσι το Facebook δίνει την δυνατότητα να προσθέσουμε στη σελίδα μας, διάφορα widgets, με τα οποία συνδέουμε το site μας με το Facebook και τα 500 εκ. μέλη του. Ένα από αυτά τα widgets είναι το widget σχολιων. Έτσι θα δώσουμε τη δυνατότητα στους επισκέπτες μας να σχολιάσουν τις αναρτήσεις μας, ενώ είναι συνδεδεμένοι στους λογαριασμούς τους στο Facebook. Αυτό είναι πολύ καλό και για μας, γιατί έτσι διαφημίζεται το site μας στο Facebook, αφού ο καθένας μπορεί να κάνει το διάσημο "Like".

Θέλετε λοιπόν να βάλετε ένα Facebook Comment Box? Aν ναι ακολουθήστε τα παρακάτω βήματα:

1. Πάτα στο http://developers.facebook.com/setup/

Γράψε στο κάθε κουτάκι αυτό που ζητάει, όπως έχω κάνει για το δικό μου site στην παρακάτω εικόνα:


Έπειτα πατήστε "Create application" και συμπληρώστε τα γράμματα της εικόνας στο κουτί ασφαλείας.

2. Η σελίδα που θα εμφανιστεί θα είναι όπως η παρακάτω:


Από αυτη τη σελίδα μας χρειάζεται μόνο το App ID : 198372564539628
Αποθηκεύστε κάπου το App ID σας και πάμε παρακάτω.

3. Τώρα πάμε στο http://developers.facebook.com/docs/reference/plugins/comments*

Εκεί που λέει Unique Id βάζουμε το App ID μας και επίσης ρυθμίζουμε τις άλλες ρυθμίσεις, όπως θέλουμε εμείς:


Τώρα κάνουμε κλικ στο Get code και αντιγράφουμε τον κωδικό που θα εμφανιστεί, όπως φαίνεται παρακάτω:


Τώρα στον παραπάνω κωδικό αντικαθιστούμε το APP_ID με το νούμερο του APP ID μας που έχουμε αποθηκεύσει από το βήμα 2.


4. Τώρα συνδεόμαστε στον blogger λογαριασμό μας από το http://draft.blogger.com/home και από τον πανόπτη μας, πάμε στη Σχεδίαση, μετά στην Επεξεργασία html και τσεκάρουμε το κουτάκι που λέει: "Επέκταση προτύπων γραφικών στοιχείων"

5. Με τη βοήθεια του ctrl+F βρίσκουμε έναν από τους παρακάτω κωδικούς, ανάλογα με το τι θέλουμε:

αν θέλουμε το facebook comment box να εμφανίζεται αμέσως μετά από κάθε blogger post μας βρίσκουμε το:

<p><data:post.body/></p>

αν θέλουμε το facebook comment box να εμφανίζεται πάνω από τα κανονικά σχόλια του blogger βρίσκουμε το:

<b:includable id='comments' var='post'>


Και επικολλούμε τον κώδικα που πήραμε από το βήμα 3 αμέσως μετά από τον κωδικό που επιλέξαμε παραπάνω, ανάλογα με το που θέλουμε να εμφανίζεται.

Αποθηκεύσουμε το πρότυπό μας, κι είμαστε έτοιμοι!

*Επίσης από το http://developers.facebook.com/plugins μπορούμε να βρούμε κι άλλα ενδιαφέροντα facebook widgets όπως φαίνονται παρακάτω:


Το σχόλιό σας, η ΕΠΙΒΡΑΒΕΥΣΗ μου!

Keep Blogging!
johnpatra

Stumble
Delicious
Technorati
Twitter
Facebook

26 comments:

lucozate είπε...

Σας ευχαριστώ πολύ παιδιά, ήδη το έφτιαξα με τη βοήθεια σας. Κάνετε πολύ καλή δουλειά.

bloggertips.gr είπε...

@lucozate να σαι καλά φίλε. σε ευχαριστω για την επίσκεψη

lucozate είπε...

Κι όμως έχω πρόβλημα :(. Έβαλα δοκιμαστικά ένα σχόλιο και επαναλαμβάνεται σε όλες τις αναρτήσεις. Έχεις κάποια ιδέα που έχω κάνει το λάθος?

bloggertips.gr είπε...

@lucozate αντεγραψες σωστα το δικο σου μοναδικο App ID και το επικολλησες στον κωδικα?
αυτο το λαθος που μου περιγραφεις οφειλεται μονο στο App ID

lucozate είπε...

Μη σε ταλαιπωρώ, σ ευχαριστώ πάντως, θα το δω πάλι το πρωι, το ID είναι ok, μάλλον κάποιο λάθος έχω κάνει στη δημιουργία της εφαρμογής στο facebook.

lucozate είπε...

Καλημέρα, ΤΟ ΕΛΥΣΑ ΟΡΙΣΤΙΚΑ !
Για να βοηθήσω την κατάσταση θα σας πως με ποιο τρόπο. Τον κώδικα που δίνει το Facebook αντί να τον βάλω στις ρυθμίσεις του blog (έτσι δουλεύει με λάθος τρόπο γιατί τα σχόλια επαναλαμβάνονται σε όλες τις αναρτήσεις) τον βάζω κάτω από κάθε ανάρτηση ΑΛΛΑΖΟΝΤΑΣ κάθε φορά το "xid", βάζοντας ακριβώς το επόμενο σε κάθε ανάρτηση. Έτσι κάθε ανάρτηση έχει τα δικά της σχόλια. Ελπίζω να βοήθησα κι εγώ λιγάκι την προσπάθεια σας.
Και πάλι σας ευχαριστώ.

Unknown είπε...

ΕΥΧΑΡΙΣΤΩ ΓΙΑ ΤΙΣ ΧΡΗΣΗΜΕΣ ΣΥΜΒΟΥΛΕΣ ΣΑΣ !

Ανώνυμος είπε...

@lucozate οταν λες το επόμενο τι εννοείς;

Καμία λύση για να μην ασχολείσαι συνεχώς δεν υπάρχει;

Μπράβο για την δουλεια σας!

lucozate είπε...

@paokland

Εννοώ πως αν π.χ. ο κώδικας που σου δίνει το fb περιέχει ως αριθμό (xid) (προσοχή όχι το ID) τον αριθμό 145669098678, αντιγράφεις σ ένα text τον κώδικα και τον συμπεριλαμβάνεις στο τέλος της κάθε ανάρτησης αλλάζοντας κάθε φορά το xid αυξάνοντας το κατά 1. Η επόμενη ανάρτηση σου δηλαδή θα έχει xid= 145669098679 κ.λ.π. Εννοείται πως το APP_ID παραμένει σταθερό.
Στο blog μου λειτουργεί πλέον κανονικότατα.

Ανώνυμος είπε...

οκ ευχαριστω!

Kameleon είπε...

Σε ευχαριστούμε πολύ!

Suspect είπε...
Αυτό το σχόλιο αφαιρέθηκε από τον συντάκτη.
Suspect είπε...
Αυτό το σχόλιο αφαιρέθηκε από τον συντάκτη.
Suspect είπε...

Συγγνωμη αλλα σε μενα αυτό το πραγμα αν και μου φανηκε ιδαιτερα χρησιμο, μονο πονοκεφαλο μου προκαλεσε.

Αφενος μου διαλυει το widget της fan page που έχω στο blog μου. Αφετερου κατω απο τα σχολια δειχνει να μην βγαινει το σχετικο πεδιο που μπορει καποιος να γραψει με το FB account του αλλα δειχνει να το «σκεφτεται» αυτό στο includable id που εχεις στο δευτερο κοκκινο πλαισιο.
Όταν δοκιμασα το post.body ( αυτό που γραφεις johnpatra στο πρωτο κοκκινο πλαισιο ) ουτε καν το βρισκει στον κωδικα…

bloggertips.gr είπε...

@Suspect καλησπέρα φίλε suspect!!!

μόλις είδα τα μαιλ σου!!!
βρε συ τα στελνεις στο hotmail το οποίο το κοιτάω σπάνια.
το info@johnpatra.gr είναι το μαιλ μου!
τυχερος είσαι γιατί θα μπορούσα να τα κοιτάξω πολυ καιρο μετά.
και στα σχόλια τα βλεπω κάθε Σ/Β.
αλλα εσυ εισαι ειδικη περίπτωση!! χαχα

λοιπόν.
όντως σε κάποια πρότυπα έχει παρενέργειες....

ας μην ασχοληθουμε αλλο με αυτο...

επειδη μου το ζητησαν εγω εγραψα πως γινεται, αλλα οπως βλεπεις δεν το εχω βαλει ουτε στο site μου...

οτι εχεις κανει μεχρι τωρα ξεκανε το!!

για να βγει τελειως και να αποκατασταθουν τα παντα..

ότι πρόβλημα πες μου!

Γιάννης

Μιχάλης Σ. είπε...

:( δεν μπορω να το βαλω..

δεν μπορω να βρω το

< p>

Vagelis είπε...

ΠΟΛΥ καλό. Μπράβο σας

http://northcape2010.blogspot.com/

pestanea είπε...

Γεια σας φίλοι.Έβαλα και γω το παραπάνω http://pestanea.blogspot.com και έχω πρόβλημα .Έβαλα δοκιμαστικά ένα σχόλιο και επαναλαμβάνεται σε όλες τις αναρτήσεις.
Μήπως βρήκε κανείς πως μπορούμε να το διορθώσουμε;
Η πλάκα είναι ότι δεν μπορώ να το βγάλω από το blog.Κάθε φορά που προσπαθώ από τον πανόπτη μου βγάζει ERROR.
Θα το εκτιμούσα αν κάποιος που βρήκε την λύση μου έστελνε ένα email για να το διορθώσω.
pestanea@gmail.com.
Σας ευχαριστώ

george είπε...

to idio problhma exw kai egw me to parapanw paei se oles ths anarthseis to idio :(( alla to efgala mporoyme na mathoume ti ftaei?

Γιάννης Πρώιμος είπε...

ΦΙΛΕ ΕΓΩ ΒΡΗΚΑ ΤΟΝ ΚΩΔΙΚΟ ΣΤΑ PLUGINS ΚΑΙ ΤΟ ΕΒΑΛΑ ΣΑΝ WIDGET ΓΙΑ ΝΑ ΜΠΟΡΟΥΝ ΟΙ ΑΝΑΓΝΩΣΤΕΣ ΝΑ ΣΧΟΛΙΑΣΟΥΝ ΤΟ ΜΠΛΟΓΚ ΜΟΥ ΑΛΛΑ ΜΠΕΝΟΥΝ ΜΕΡΙΚΟΙ ΚΑΙ ΒΡΙΖΟΥΝ ΟΜΑΔΕΣ ΚΑΙ ΑΛΛΑ ΤΕΤΙΑ ΠΩΣ ΜΠΟΡΩ ΝΑ ΤΑ ΣΒΗΝΩ? ΑΝ ΜΠΟΡΕΙ ΝΑ ΜΟΥ ΑΠΑΝΤΗΣΕΙ ΚΑΝΕΙΣ ΑΣ ΜΠΕΙΣ ΤΟ ΤΣΑΤ ΤΟΥ ΜΠΛΟΓΚ ΜΟΥ http://tobetadiko.blogspot.com/

ΕΥΧΑΡΙΣΤΩ

bloggertips.gr είπε...

ΑΠΛΑ ΣΒΗΝΟΥΜΕ ΟΤΙ ΒΑΛΑΜΕ ΣΤΟ BLOG ΜΑΣ ΚΑΙ ΕΙΜΑΣΤΕ ΟΠΩΣ ΠΡΙΝ

Ανώνυμος είπε...

telika uparxei lusi oste na min emfanizontai ta sxolia se oles tis anartiseis? an nai poia einai?

Ανώνυμος είπε...

η λύση σας είναι εδώ παιδιά
http://www.bloggertips.gr/2011/07/facebook-comment-box-blogger.html

Mayedul είπε...

Your article is too much effective specially for me. I was searching about it. Now my problem is solved. Thanks for sharing your valuable experience.

Kiron είπε...

Nice post.

Mion είπε...

fantastic post. thanks for sharing it.

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

Παρακαλούμε τους φίλους αναγνώστες:

ΟΧΙ SPAM,
ΟΧΙ GREEKLISH,
ΟΧΙ ΠΡΟΣΒΛΗΤΙΚΑ ΣΧΟΛΙΑ

Παρακαλώ το σχόλιό σας να είναι σχετικό με την παραπάνω ανάρτηση.
Γενικές απορίες μόνο στη σελίδα μας στο facebook.

 
© Copyright 2009-14 bloggertips.gr | All rights reserved. | Επικοινωνία | LK Magazine v2 from Lasantha | Πίσω στην ΚΟΡΥΦΗ | | Subscribe in a reader (Google,Yahoo κα)

* free blogger tips,tricks,gadgets,widgets,templates,themes,help,hacks,design,domains,xml,html,blogspot.gr *