Πώς θα προσθέσω το gadget του facebook σε blog με δυναμική προβολή

Σας έχω ήδη δείξει πώς να τοποθετήσετε το gadget της σελίδας σας του facebook στο blog σας. Αυτός ο τρόπος ισχύει μόνο στις απλές προβολές του blogger. Τι συμβαίνει όμως όταν χρησιμοποιείτε τις πιο μοντέρνες και μινιμαλιστικές δυναμικές προβολές; Σε αυτή την περίπτωση, είναι πολλά τα gadget που δε θα μπορέσετε να τοποθετήσετε στο blog σας, γιατί η όλη ιδέα της δυναμικής προβολής σχετίζεται με την απλότητα και τη χρηστικότητα.

Οπότε αν έχετε γενικά τη διάθεση να παίζετε συχνά με την εμφάνιση του blog σας,  μην προτιμήσετε τις δυναμικές προβολές. Αυτές προορίζονται για bloggers που ανανεώνουν πολύ συχνά το περιεχόμενό τους, και δεν τους αρέσουν τα πολλά-πολλά μπιχλιμπίδια!

Θα σας δείξω πολύ σύντομα πώς να προσθέσετε το gadget της σελίδας σας του FB στις δυναμικές προβολές.

Επειδή θα πειράξουμε τον κώδικα html δημιουργούμε πρώτα ένα αντίγραφο ασφαλείας.

Από τον Πίνακα Ελέγχου μας, πηγαίνουμε Πρότυπο→Επεξεργασία HTML.

Κάνουμε κλικ μέσα στο κείμενο του κώδικα και πληκτρολογούμε CTRL+F για να κάνουμε αναζήτηση στον κώδικα. Μέσα στο πεδίο που θα εμφανιστεί πληκτρολογούμε

/body

για να βρούμε το συγκεκριμένο κείμενο.

Ακριβώς επάνω από το /body, κάνουμε επικόλληση τον παρακάτω κώδικα (δείτε την παρακάτω εικόνα)

<script language='javascript' type='text/javascript'>
$(document).ready(function() {
  var addfbbox = function() {
    $(&quot;#search&quot;).before(&quot;<span style='height: 62px; padding: 0; margin 0; position: absolute; top: 0px; right: 150px;'><iframe allowTransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/%CE%A7%CF%89%CF%81%CE%AF%CF%82-%CE%95%CE%B9%CF%81%CE%BC%CF%8C/134573476718596&amp;width=250&amp;height=62&amp;show_faces=false&amp;colorscheme=light&amp;stream=false&amp;border_color&amp;header=false&amp;appId=621795247847650' style='border:none; overflow:hidden; width:250px; height:62px;'/></span>&quot;);
  };
  var checkSearchBar = function() {
    if ($(&#39;#search&#39;).length &gt; 0) {
      addfbbox();
    } else {
      setTimeout(checkSearchBar, 100);
    }
  };
  checkSearchBar();
});
</script>

Όλα τα παραπάνω βήματα φαίνονται και στην εικόνα. Το μόνο που πρέπει να κάνετε είναι να αντικαταστήσετε το κείμενο που έχω επισημάνει με πράσινο (στην εικόνα), με τη διεύθυνση url της σελίδας σας στο facebook. 

Προσοχή: μη διαγράψετε ούτε το "=" στην αρχή, και ούτε έναν χαρακτήρα περισσότερο μετά το "6" και μην αφήσετε καθόλου κενά.

Υπενθύμιση: Για να βρείτε τη διεύθυνση url της σελίδας σας, επισκεφθείτε κανονικά τη συγκεκριμένη σελίδα και αντιγράψτε τη διεύθυνσή της, από τη γραμμή διευθύνσεων του περιηγητή σας. Μετά επικολλήστε την στη θέση του πρασινισμένου κώδικα.

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

Καλή επιτυχία!