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://lh4.googleusercontent.com/-LoWcOhfEY6s/UVTQBjdpdyI/AAAAAAAAD2Q/hL0__xt12As/s449-p-o-k/twitter.png" width="52" height="52" alt="twitter icon" /></a>


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

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

22 σχόλια:

  1. Πολύ ενδιαφέρον. Έχω διαβάσει και σε άλλα blog παρόμοια άρθρα αλλά μιας και δεν είμαι ιδιαίτερα σχετική δεν τα κατάλαβα. Το δικό σου είναι ξεκάθαρο. :)

    ΑπάντησηΔιαγραφή
    Απαντήσεις
    1. Σ'ευχαριστώ πολύ Χριστίνα..ελπίζω να μην σας μπέρδεψα παραπάνω...χαχα!

      Διαγραφή
  2. ps..pws to exeis kanei na einai 3 panw 3 katw??emena einai ola epanw kai to polyvore katw!

    ΑπάντησηΔιαγραφή
    Απαντήσεις
    1. Αν θέλεις στείλε μου τον κώδικα όπως τον έχεις ακριβώς στο email μου: zoinian@gmail.com λογικά θα φταίει το πλάτος ή το ύψος.

      Διαγραφή
    2. geiaaaaaa sou zoi kai pali!!to xerw se exw prixei!! :D
      na se rwtisw kati akoma???
      me ta koumpia pou exw twra patas panw kai se paei se nea selida...to polyvore pou dokimasa (kai kapoia alla) me ton diko sou kwdika,se vgazei apo to blog kai sou anoigei stin idia selida to polyvore!
      pws ta etsi xriste mou??elpizw na katalaves!!
      xereis pws mporw na ta anoigei se neo para8uro??

      Διαγραφή
  3. Nice post Zoi!!!πραγματικά όταν αρχίζεις να ασχολείσαι με τα blogs χάνεσαι ανάμεσα σε κουμπιά, κώδικες, widgets και οτι θες..Great help tip!

    ΑπάντησηΔιαγραφή
    Απαντήσεις
    1. Σ'ευχαριστώ πολύ ισχύει, αν και εγώ τα έμαθα λίγο νωρίτερα...χαχα!
      Φιλιά πολλά!

      Διαγραφή
  4. αχχχχ γιατί να είμαι ΤΟΣΟ άσχετη!!!ούτε την εικόνα δε μπορώ να αλλάξω πραγματικά,και έχω απελπιστεί!!!!

    ΑπάντησηΔιαγραφή
  5. Πολύ κατατοπιστικό!
    Ευτυχώς έχω κάποιον να με βοηθάει σ'αυτά τα θέματα. Αν ξεμείνω από βοήθεια, θα τρέξω σ'εσένα!

    ΑπάντησηΔιαγραφή
  6. Να είσαι καλά κοπέλα μου.. Αν και τελικά έκανα δικές μου εικόνες γιατί δεν βρήκα για όλα όσα ήθελα το ποστ σου με βοήθησε πάρα πολύ!!! :)

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

      Διαγραφή
  7. Hey there :)
    Would you like to follow each other? :)
    Please let me know!
    YuliConversationS.blogspot.com

    ΑπάντησηΔιαγραφή
  8. Τι ωραίες ιδέες που βρήκες! Πολύ χρήσιμο ποστ. Σπανίζουν τέτοιες αναρτήσεις ενώ βοηθάνε και τους καινούργιους να μπαίνουν στο κλίμα!!! Φιλάκια πολλά!

    ΑπάντησηΔιαγραφή
    Απαντήσεις
    1. Σ'ευχαριστώ πολυ Χριστίνα...χαίρομαι που πιστεύεις οτι βοηθάει!
      Φιλιά!

      Διαγραφή