Technology | Social Media Buttons

Αυτό το ποστ έγινε με αφορμή τα social media buttons ή στα ελληνικά, τα κουμπιά κοινωνικής δικτύωσης που πρόσθεσα δεξιά στο blog και στην ουσία "μάζεψα" τα κοινωνικά δίκτυα σε ένα gadget!

Με ρωτήσατε πολλές πως τα έβαλα, που τα βρήκα κλπ., οπότε είπα να το αναλύσω σε ένα ποστ!

Αρχικά λοιπόν βρίσκουμε τα μικρά εικονίδια που θέλουμε να αντιστοιχούν στο κουμπί του κάθε δικτύου...Πως; Κάποιοι τα δημιουργούν μόνοι τους, όμως η πιο εύκολη λύση είναι η αναζήτηση στο google....

Επιλέγω στο google εικόνες και πατάω στην αναζήτηση π.χ. facebook icon ή facebook button και όποιο μου αρέσει το αποθηκεύω στον υπολογιστή μου. Συνεχίζω μέχρι να βρω όλα αυτά  που θέλω!

Έτοιμα κουμπιά ακόμη υπάρχουν εδώ  και εδώ! Ένας καλός οδηγός εδώ!

Και τα δικά μου...

 Επίσης και κάποια κουμπιά για το polyvore που είναι δυσεύρετα :

Μόλις λοιπόν τα αποθηκεύσετε πρέπει να τα ανεβάσετε σε ένα site όπως είναι το photobucket ή το picasa. Εγώ τα ανέβασα σε λεύκωμα του Picasa στο Google +, το οποίο μπορείτε να το ρυθμίσετε και να το βλέπετε μόνο εσείς ώστε να μην φαίνεται ανάμεσα στις προσωπικές σας φωτογραφίες.

Αυτό το κάνουμε για να υπάρχει ένα link που θα οδηγεί στη φωτογραφία μας!

Στη συνέχεια πηγαίνουμε στο blog μας, επιλέγουμε Σχεδίαση -> Διάταξη -> Προσθήκη gadget ->HTML/JavaScript και κάνω αντιγραφή επικόλληση τον παρακάτω κώδικα:

<a href="βάζουμε το link του προφίλ μας" title="τίτλο"><img src="βάζουμε το link που οδηγεί στην εικόνα μας" width="52" height="52" alt="όνομα icon" /></a>

Αυτός ο κώδικας δημιουργεί ένα κουμπί...Αντικαθιστώ τα link μου και τους τίτλους όπου βλέπω με μοβ.

π.χ. το κουμπί του twitter για το δικό μου προφίλ:

<a href="https://twitter.com/Zoe_Nian" title="twitter"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgnyclkzGGbdolwyYXSuDDKHDizDmvuYngH9mUXNl2EhWQgnH5zYdztwmQ6gIupRIQceJ2YMu9J8kzKTSF1jwJmt-fXg23vKa_0rhhVWSJCYLQ7sCeZfNPxIjYex8z4KY4SpJBqDOvdt1I/s449-p-o-k/twitter.png" width="52" height="52" alt="twitter icon" /></a>

Κάνω ακριβώς το ίδιο για τα υπόλοιπα κουμπιά από κάτω, το αποθηκεύω, το τοποθετώ στη σειρά που θέλω και είναι έτοιμα...Τσεκάρω αν δουλεύουν τα link σωστά!

Ελπίζω να βοήθησα....Πείτε μου αν το κάνατε και για ότι άλλο χρειαστείτε περιμένω σχόλιο από κάτω!

Φιλιά!