facebook-likeΤο Facebook δίνει την δυνατότητα να κάνουμε like σε οτιδήποτε στο web και αυτό να δημοσιεύεται αυτόματα στο προφίλ μας. Με αυτόν τον τρόπο μπορούμε πολύ εύκολα να μοιραστούμε με τους φίλους μας links, video, blog posts και οτιδήποτε άλλο μας αρέσει. Αν θέλετε να προσθέσετε το κουμπί Like στο blog σας στον Blogger ώστε οι επισκέπτες του να έχουν αυτήν την δυνατότητα ακολουθήστε τα παρακάτω βήματα.

Βήματα:

0
Για την υλοποίηση αυτού του How-to θα χρειαστεί να επέμβετε στον κώδικα του προτύπου του blog σας, πράγμα επικίνδυνο αν δεν είστε εξοικειωμένοι με την γλώσσα HTML. Γι’ αυτό σας συνιστώ να κάνετε πρώτα backup το πρότυπο ακολουθώντας τα βήματα του How-to με τίτλο Πώς να πάρετε αντίγραφο ασφαλείας (backup) του προτύπου του blog σας στον Blogger, αλλά και πώς να το επαναφέρετε, ώστε αν κάτι πάει στραβά να μπορείτε να επαναφέρετε τον κώδικα του προτύπου σας όπως ήταν πριν την αλλαγή.
1
Επισκεφτείτε την σελίδα του Blogger http://www.blogger.com
2
Αν δεν είστε ήδη συνδεμένοι, πληκτρολογήστε τα στοιχεία σας και πατήστε το κουμπί Σύνδεση για να συνδεθείτε στον λογαριασμό σας.
3
Από την λίστα των blogs σας επιλέξτε εκείνο στο οποίο θέλετε να τοποθετήσετε το Like Button
4
Από το κάθετο μενού στα δεξιά της σελίδας επιλέξτε Πρότυπο
5
Έπειτα πατήστε το κουμπί Επεξεργασία HTML.
6
Αν σας εμφανιστεί κάποιο προειδοποιητικό μήνυμα πατήστε το κουμπί Συνέχεια.
7
Στο παράθυρο που εμφανίζεται, τσεκάρετε το Επέκταση προτύπων γραφικών στοιχείων.
8
Πατήστε τον συνδυασμό κουμπιών του πληκτρολογίου σας Ctrl + F για να ανοίξει το πεδίο εύρεσης του browser σας και πληκτρολογήστε μέσα σε αυτό <DIV class='post-footer'> για να το εντοπίσετε μέσα στον κώδικα. Υπάρχουν 2 ή 3 σημεία μέσα στον κώδικα που αυτό εμφανίζεται. Εντοπίστε την γραμμή που αυτό εμφανίζεται για πρώτη φορά μέσα στον κώδικα.
9
Αφήστε μια γραμμή κενή πριν από το <DIV class='post-footer'>
10
Παρακάτω θα βρείτε 3 διαφορετικά στυλ του Like Button μαζί με τους κώδικες τους. Αντιγράψτε και επικολλήστε τον κώδικα του Like Button που επιθυμείτε στην κενή γραμμή πριν από το <DIV class='post-footer'>





11
Τέλος πατήστε το κουμπί Αποθήκευση προτύπου.

Video

Pin It