Μετάβαση στο κύριο περιεχόμενο

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

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 θα σας ανοίξει μια σελίδα όπου θα μπορείτε να βλέπετε και να διαχειρίζεστε τα σχόλια που θα γίνονται.

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

Σχόλια

  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. εμενα η δημιουργία εφαρμογών δεν υπαρχει :(

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

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

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

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

Δημοφιλείς αναρτήσεις από αυτό το ιστολόγιο

Θες λεφτά; Γίνε νταντά!

Ξεμείνατε από μετρητά; Τι να κάνετε; Αν σας αρέσουν τα παιδιά η λύση είναι απλή! Πάρτε την θέσης της μαμάς και του μπαμπά.

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

Οι babysitters σήμερα κερδίζουν αρκετά χρήματα/ώρα σε σύγκριση με τα σημερινά δεδομένα. Υπάρχουν νταντάδες που βγάζουν μέχρι και 15 ευρώ την ώρα. Όταν η νταντά προσφέρεται να καθίσει την Παρασκευή και το Σάββατο βράδυ για μια έξοδο των γονέων. Οι γονείς θα είναι σε πάρα πολύ ευχάριστη θέση να της παραδώσουν τα μετρητά της όταν επιστρέψουν.

Υπάρχουν πολλές αγγελίες εργασίας που μπορείτε να ψάξετε. Μια καλή σελίδα που μπορείτε να βρείτε την εργασία που θέλετε ως νταντά ανάλογα και με την περιοχή είναι αυτή: http://www.careerjet.gr/ntanta

Σπάσιμο κωδικών email και τρόποι προστασίας αυτών

Καλησπέρα φίλοι και αναγνώστες του  blog μου, σήμερα θα σας δείξω ένα οδηγό βίντεο με τον οποίο μπορεί κάποιος να μας κλέψει τον κωδικό του email μας όπως επίσης και τρόπους με τους οποίους μπορούμε να προστατευτούμε.
Με αυτό το τρόπο μπορούμε να ανιχνεύσουμε κωδικούς hotmail, windows live και gmail. Στον οδηγό βίντεο σας δείχνω για hotmail που με τον ίδιο τρόπο γίνετε και για τα windows live. 
Για gmail στην επιλογή "Single target" που σας δείχνω στο βίντεο αντί για "pop3.live.com" βάζουμε "smtp.gmail.com", στην "Port" βάζουμε 465, και στο "Protocol" βάζουμε "smtp", επίσης βάζουμε τικ και στην επιλογή "Be verbose", τα άλλα τα κάνουμε όπως και στο βίντεο.
Θα χρειαστούμε  Backtrack ( το backtrack το κατεβάζετε εδώ ή εδώ για torrent ). Το προγραμμάτακι "Hydra-gdk" το οποίο είναι ενσωματωμένο στο backtrack, θα το βρείτε στο μενού => Application-Backtrack-Privilege Escalation- Password Attacks-Online Attacks-…

Πώς να αλλάξω το βελάκι του ποντικιού

Αλλαγή εικόνας κέρσορα στο blog Gadget για να αλλάξετε το κανονικό βελάκι του mouse,παρακάτω θα δούμε πως να το αλλάξουμε,είναι πολύ εύκολος τρόπος.


Εδώ σας έχω μερικά εικονίδια για κέρσορες