Βάλε ένα κουμπί ‘like’ στο blog σου όπως στο facebook


Όλοι λίγο-πολύ έχουμε δει στο facebook το κουμπί like (μ’ αρέσει). Πατώντας το μπορούμε να ξεχωρίσουμε το περιεχόμενο που μας αρέσει, να δούμε τι αρέσει σε άλλους, κ.ο.κ.  Το μόνο που ίσως να μη ξέρουν κάποιοι είναι ότι μπορούμε να χρησιμοποιήσουμε το κουμπί ‘like’ κι εκτός του facebook για να μοιραστούμε δημοσιεύσεις με φίλους μας. Αν έχεις κάποιο blog ή ιστοσελίδα, μπορείς κι εσύ να βάλεις ένα ακριβώς ίδιο κουμπί που θα φαίνεται σε κάθε δημοσίευσή σου και θα επιτρέπει στους επισκέπτες να μοιραστούν το άρθρο σου με φίλους. Να πως:
facebook-likeΥποθέτοντας ότι χρησιμοποιείς το Blogger ως πλατφόρμα ανάπτυξης (σε άλλη περίπωση η διαδικασία είναι παρόμοια) πρέπει αρχικά αφού συνδεθείς, από τον πίνακα ελέγχου του blog σου να επιλέξεις Πρότυπο–>Επεξεργασία HTML–>Συνέχεια. Μετά πρέπει να τσεκάρεις της επιλογή «Επέκταση προτύπων γραφικών στοιχείων». Κατόπιν πρέπει να εντοπίσεις τον κώδικα (εντολή)<data:post.body/>. Αυτό μπορεί να γίνει χωρίς πολύ κόπο, χρησιμοποιώντας το εργαλείο της Εύρεσης (π.χ. πατώντας Ctrl+F στονFirefox). Πριν τον κώδικα αυτό (ή μετά αν θέλεις το κουμπί να εμφανίζεται μετά το κάθε άρθρο σου), κάνε επικόλληση τις παρακάτω εντολές:

<!-- Facebook Like+Send script Start -->
<b:if cond='data:post.isFirstPost'>
<!-- Facebook -->
<div id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "http://connect.facebook.net/el_GR/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
</b:if>
<!-- Scripts End -->
<!-- Horizontal social buttons Start -->
<div class='horizontal-social-buttons' style='padding:10px 0 10px;'>
<!-- Facebook Like+Send -->
<div style='float:left;'>
<fb:like colorscheme='light' expr:href='data:post.url' font='' layout='standard' send='true' show_faces='true' width='600'/>
</div>
</div>
<div style='clear: both;'/>
<!-- Facebook Like+Send button End -->

Μετά την επικόλληση, μη ξεχάσεις να κάνεις «Αποθήκευση προτύπου». Αυτό ήταν!

Αφήστε σχόλιο

Η ηλ. διεύθυνσή σας δεν δημοσιεύεται. Τα υποχρεωτικά πεδία σημειώνονται με *