Πώς να στοιχίσετε τα social media buttons στην ιστοσελίδα σας


Αν δεν θέλετε να χρησιμοποιήσετε μια έτοιμη λύση για τα social media buttons στη σελίδα , σας πιθανότατα θα έχετε πρόβλημα με την κάθετη στοίχιση (vertical-align). Το πρόβλημα αυτό με απασχόλησε και εμένα και βρήκα τη λύση εν μέρει στο stackoverflow στο thread How to align Facebook and Tweet buttons? Προσοχή, αν έχετε κάποιο άλλο iframe στη σελίδα σας, θα επηρεαστεί και αυτό. Καλό είναι να χρησιμοποιήσετε css κώδικα της μορφής: .mybaseclass iframe {height: 63px} Αυτή η συνταγή συνέχισε να δουλεύει και μετά την προσθήκη του pinterest button. Τα πράγματα ξέφυγαν με την προσθήκη του g+ button οπότε χρειάστηκε να εφαρμόσω τις αλλαγές που προτείνονται στο άρθρο Google +1 Buttons . Αν δεν είστε στο WP παραλείψτε το κομμάτι href="' . get_permalink() . '"

 

  1. #1 by Kathy on January 13, 2012 - 9:35 am

    Αυτό που θέλω να σε ρωτήσω δεν είναι εντελώς σχετικό με την ανάρτηση βέβαια. Εχω φτιάξει μια σελίδα στο facebook για το blog μου.
    Ήθελα να χρησιμοποιήσω “πινακάκι” που κάνεις like και να το βάλω στο blog μου έτσι ώστε να μπορούν να γίνουν φίλοι του μπλογκ μου στο face και άλλοι επισκέπτες του blog που εγώ δεν τους έχω φίλους. Όμως επειδή άργησα να το κάνω τώρα στο face δεν εμφανίζεται το html που θα μπορούσα να χρησιμοποιήσω για να το κάνω αυτό. Πως μπορώ να το κάνω τώρα;

    • #2 by popelix on January 13, 2012 - 11:54 am

      Τον κώδικα για αυτό που θέλεις θα τον βρεις στο https://developers.facebook.com/docs/reference/plugins/like-box/ Αφού επιλέξεις τις ρυθμίσεις που σου αρέσουν, κάνε κλικ στο κουμπάκι “Get code” και αντέγραψε το κείμενο του κώδικα. Στη συνέχεια, πρόσθεσε στο blog σου ένα widget του τύπου Html/Javascript και κάνε επικόλληση τον κώδικα εκεί μέσα. Ελπίζω να σε βοήθησα, καλή συνέχεια!

(will not be published)