Αυτό το wikiHow σας διδάσκει πώς να προσθέσετε ένα κουμπί "Like" στο Facebook που μπορείτε να κάνετε κλικ στον ιστότοπό σας στο Blogger (blogspot.com). Αφού δημιουργήσετε το κουμπί στον Διαμορφωτή κουμπιού Like, θα χρειαστεί απλώς να αντιγράψετε και να επικολλήσετε δύο κομμάτια κώδικα στον πίνακα ελέγχου του Blogger, κάνοντας μία γρήγορη επεξεργασία για συμβατότητα.
Βήματα
Μέρος 1 από 3: Δημιουργία ενός κουμπιού Like
Βήμα 1. Μεταβείτε στη διεύθυνση
Μπορείτε να χρησιμοποιήσετε οποιοδήποτε σύγχρονο πρόγραμμα περιήγησης ιστού, όπως το Chrome ή το Safari.
Βήμα 2. Κάντε κύλιση προς τα κάτω στο κουμπί "Διαμόρφωση κουμπιού"
Βρίσκεται στο τρίτο τμήμα της σελίδας.
Βήμα 3. Εισαγάγετε τη διεύθυνση του ιστολογίου σας στο πλαίσιο "URL to Like"
Βήμα 4. Εισαγάγετε το επιθυμητό πλάτος προσθήκης στο πλαίσιο "Πλάτος"
Οι περισσότεροι χρήστες του Blogger μπορούν να αφήσουν αυτό το πλαίσιο κενό, καθώς το προεπιλεγμένο πλάτος (450 px) λειτουργεί καλά. Λάβετε υπόψη ότι αυτό είναι το πλάτος ολόκληρης της προσθήκης και όχι το ίδιο το κουμπί "Μου αρέσει".
Βήμα 5. Επιλέξτε ένα στυλ κουμπιού από το μενού "Διάταξη"
Θα δείτε μια προεπισκόπηση κάθε στυλ όταν είναι επιλεγμένο.
Βήμα 6. Επιλέξτε μια ενέργεια από το μενού "Τύπος ενέργειας"
Από προεπιλογή, το κουμπί σας θα λέει "Μου αρέσει". Εάν προτιμάτε, μπορείτε να το αλλάξετε για να πείτε "Προτείνετε". Όταν κάποιος κάνει κλικ στο κουμπί, οι οπαδοί του στο Facebook θα δουν "(το όνομα του ατόμου) Το προτείνει αυτό".
Βήμα 7. Επιλέξτε ένα μέγεθος από το μενού "Μέγεθος κουμπιού"
Η προεπισκόπηση κουμπιού κάτω από το διαμορφωτή θα σας δείξει πώς μοιάζει το κάθε μέγεθος.
Βήμα 8. Επιλέξτε ή καταργήστε την επιλογή του πλαισίου "Συμπερίληψη κουμπιού κοινής χρήσης"
Εάν το πλαίσιο είναι επιλεγμένο, ένα κουμπί που λέει "Κοινή χρήση" θα εμφανιστεί δίπλα στο κουμπί "Μου αρέσει" στο ιστολόγιό σας. Εάν κάποιος κάνει κλικ σε αυτό το κουμπί, θα έχει την ευκαιρία να εισαγάγει κάποιο δικό του κείμενο πριν μοιραστεί το σύνδεσμο με τους φίλους του στο Facebook.
Βήμα 9. Κάντε κλικ στην επιλογή Λήψη κώδικα
Τώρα θα δείτε δύο πλαίσια που περιέχουν κώδικα HTML που πρέπει να επικολλήσετε σε διαφορετικές περιοχές του Blogger.
Μέρος 2 από 3: Προσθήκη κώδικα στο πρότυπό σας
Βήμα 1. Συνδεθείτε στη διεύθυνση
Χρησιμοποιήστε άλλη καρτέλα ή παράθυρο προγράμματος περιήγησης, καθώς θα χρειαστεί να αντιγράψετε και να επικολλήσετε τον κώδικα από το Facebook στο Blogger.
Βήμα 2. Κάντε κλικ στο Πρότυπο
Βρίσκεται στην αριστερή πλευρά της οθόνης, κοντά στο κάτω μέρος του μενού.
Βήμα 3. Δημιουργήστε αντίγραφα ασφαλείας του προτύπου ιστολογίου σας
Να δημιουργείτε πάντα αντίγραφο ασφαλείας κατά την άμεση επεξεργασία του κώδικα HTML του ιστολογίου σας.
- Κάντε κλικ στο Δημιουργία αντιγράφων ασφαλείας / Επαναφορά κουμπί στην επάνω δεξιά γωνία της σελίδας.
- Κάντε κλικ Λήψη προτύπου.
- Εισαγάγετε ένα όνομα για το αρχείο σας, π.χ. "Δημιουργία αντιγράφων ασφαλείας προτύπου ιστολογίου".
- Κάντε κλικ Αποθηκεύσετε.
Βήμα 4. Κάντε κλικ στην επιλογή Επεξεργασία HTML
Βρίσκεται ακριβώς κάτω από την εικόνα προεπισκόπησης του ιστολογίου σας.
Βήμα 5. Αντιγράψτε τον κώδικα από το πρώτο πλαίσιο του Facebook Like Button Configurator
Είναι ο κωδικός στο επάνω πλαίσιο, στην ενότητα "Βήμα 2".
Μπορείτε να αντιγράψετε το κείμενο επισημαίνοντάς το και πατώντας Control+C ή ⌘ Command+C
Βήμα 6. Επικολλήστε τον κώδικα στον κώδικα HTML του Blogger
Ο κώδικας πρέπει να επικολληθεί μετά τη γραμμή που αρχίζει με <σώμα, κατά προτίμηση στην αμέσως επόμενη γραμμή.
- Για να δώσετε στον εαυτό σας μια θέση για επικόλληση κώδικα, κάντε κλικ πριν από τον πρώτο χαρακτήρα της γραμμής μετά την ετικέτα του σώματος και, στη συνέχεια, πατήστε ↵ Enter ή urn Return.
- Κάντε κλικ στην κενή γραμμή και, στη συνέχεια, πατήστε Control+V ή ⌘ Command+V για επικόλληση.
Βήμα 7. Αντικαταστήστε κάθε "&" στον επικολλημένο κώδικα με"
&
”.
Μην συμπεριλάβετε τα εισαγωγικά.
-
Για παράδειγμα, "//connect.facebook.net/en_US/sdk.js#xfbml=1 & έκδοση = v2.8 "γίνεται" //connect.facebook.net/en_US/sdk.js#xfbml=1
&
- έκδοση = v2.8 ""
Βήμα 8. Κάντε κλικ στην επιλογή Αποθήκευση προτύπου
-
Εάν παραλείψετε κατά λάθος ένα "&", θα δείτε ένα σφάλμα που λέει "Σφάλμα ανάλυσης XML" ακριβώς πάνω από τον κώδικα. Επιστρέψτε στον επικολλημένο κώδικα, βρείτε το & και αντικαταστήστε το με
&
- .
Μέρος 3 από 3: Προσθήκη του κουμπιού στη διάταξή σας
Βήμα 1. Αντιγράψτε το δεύτερο πλαίσιο κώδικα από το Διαμορφωτή κουμπιού Like
Θα πρέπει να επιστρέψετε στο άλλο παράθυρο ή καρτέλα του προγράμματος περιήγησης για να το βρείτε. Αυτός είναι ο κωδικός στο πλαίσιο κάτω από το "Βήμα 3".
Μπορείτε να αντιγράψετε το κείμενο επισημαίνοντάς το, πατώντας Control+C ή ⌘ Command+C
Βήμα 2. Κάντε κλικ στην επιλογή Διάταξη πίσω στο Blogger
Βρίσκεται στην αριστερή πλευρά του πίνακα ελέγχου του Blogger, ακριβώς πάνω από το "Πρότυπο".
Βήμα 3. Κάντε κλικ στο κουμπί Προσθήκη gadget όπου θέλετε να εμφανίζεται το κουμπί
Στις περισσότερες περιπτώσεις, θα θέλετε το κουμπί να εμφανίζεται σε κεφαλίδα ή υποσέλιδο
Βήμα 4. Επιλέξτε HTML/JavaScript
Θα πρέπει να μετακινηθείτε λίγο προς τα κάτω για να το βρείτε.
Βήμα 5. Πληκτρολογήστε το facebook στην ενότητα "Τίτλος
”
Βήμα 6. Επικολλήστε τον αντιγραμμένο κώδικα στο πλαίσιο "Περιεχόμενο"
Μπορείτε να το κάνετε αυτό κάνοντας κλικ στο πλαίσιο και πατώντας Control+V ή ⌘ Command+V.
Βήμα 7. Κάντε κλικ στην επιλογή Αποθήκευση
Τώρα θα δείτε ένα gadget box που ονομάζεται "facebook".
Κάντε κλικ στην Προεπισκόπηση στην επάνω δεξιά γωνία της σελίδας για να βεβαιωθείτε ότι το κουμπί εμφανίζεται εκεί που πρέπει. Εάν δεν σας αρέσει η τοποθεσία, μπορείτε να σύρετε το πλαίσιο "facebook" σε μία από τις άλλες ενότητες της διάταξής σας
Βήμα 8. Κάντε κλικ στην επιλογή Αποθήκευση διάταξης
Βρίσκεται στην επάνω δεξιά γωνία της οθόνης. Τώρα, όταν κάποιος απολαμβάνει το ιστολόγιό σας, μπορεί εύκολα να το μοιραστεί με όλους τους φίλους του στο Facebook.