Friday, December 29, 2006

Πως να προσθέτεις video απο το youtube στο blog σου!

Αυτό το post είναι εκπαιδευτικού χαρακτήρα, και το γράφω για μερικούς φίλους / φίλες που πρόσφατα με ρωτούσαν πως μπορούν να βάλουν και αυτοί video απο το you tube στο blog τους..όπως συνηθίζω να κάνω εγώ και μερικά εκατομύρια άλλων blogger! Λοιπόν θα καλυψουμε και τις 2 περιπτώσεις δημοφιλών blog μηχανών - service blogger και wordpress.

Ας ξεκινήσουμε λοιπόν αγαπητή/ε αναγνωστη!

1. Βρές το videaki που θες στο youtube. Πχ βρήκα το hung up της Madonna! Και είμαι trendy και χαρούμενος και θέλω να βάλω την Madonna σε ένα ποστ μου. Όπως βλέπεις κάτω στην φωτογραφία αυτό που σε ενδιαφέρει ειναι το κουτάκι που δίχνει το βελάκι! Embend. Εκεί βάζεις μέσα στο mouse σου και επιλέγεις ΟΛΟ το κέιμενο (HTML κώδικα που έχει μέσα). Μπορείς να το κάνεις εύκολα με το να κικλάρεις μέσα στο text κουτάκι και να πατήσεις Ctrl + A (Select All) και όπως είσαι πατάς Ctrl + C (Copy). Ωραία λοιπόν κάναμε Copy τον html κώδικα ας πάμε στο blog μας!


2.

2.1 Περίπτωση Blogger!
Πάω να δημιουργήσω ένα νέο post γράφω τον τίτλο κτλ κτλ και προσεχω δεξιά στο πλαίσιο του κειμένου υπάρχουν 2 tab (επιλογες) Edit Html και Compose! Εμείς προτού αρχίσουμε να γράφουμε καλό θα είναι να πάμε εξαρχής σε κατάσταση Edit HTML (αργοτέρα θα δεις οτι μπορείς να εναλλάσεις τις καταστάσεις, αλλά αν είσαι εντελώς αρχάριος keep it simple! Μπορείς δηλαδή να γράψεις το κείμενο σου στο mode Compose και μόλις τελειώσεις να πας σε Edit ΗΤΜL mode.. Λοιπόν επιλέγουμε Edit HTML όπως δίχνει και η φωτογραφία και στο άσπρο πλαίσιο γράφουμε οτι θέλουμε..το μήνυμα μας το κείμενο μας. Απο κάτω όπως βλέπεις στην εικόνα θα κάνουμε paste τον HTML κώδικα που έχουμε κάνει Copy απο την σελίδα του Youtube. Συνηθως είναι 4-5 γραμμές μην σε φοβίσει. Αφού τον κάνεις paste μπορείς να πατήσεις μερικά enter να αλλάξεις σειρά και να συνεχίσεις να γράφεις- αν θες. Επειδή είμαστε σε html mode πάει να πει οτι έχουμε το ελευθερο να σχηματίσουμε το κείμενο μας με html tag ή να προσθέσουμε μερικές κενές γραμμές ανάμεσα στα κείμενα μας..αλλά αυτά θα μας απασχολήσουν σε άλλο tutorial. Λοιπόν νομίζω είναι κατανοητό! Γράφεις ότι είναι να γράψεις και είσαι έτοιμος. ΠΡΟΣΕΧΕ Αν αλλάξεις το mode και πατήσεις Compose θα δεις στο σημείο που έχεις βάλει τον κώδικα για το video κενό , μην πανικοβληθείς έτσι πρέπει είναι. Αν θες να πάρεις μία ιδέα για το πως θα μοιάζει το ποστ σου μαζί με το video τότε πάτησε πάνω δεξιά κάτω απο το edit html και το Compose το λινκ Preview και θα σου δείξει πως θα μοιάζει στην τελική του μορφή!


2.2 Περίπτωση wordpress.

Πας στo Wordpress και κάνεις ένα νέο ποστ, γράφεις τον τίτλο και ξεκινάς στο μεγάλο άσπρο πλαίσιο να γράψεις την ιστορία σου ή ότι άλλο θέλεις. To Wordpress έχει και αυτό 2 tab επιλογές Visual και Code όπως θα δεις στην φωτογραφία! Με πατήμένο σε mode visual μπορείς να γράψεις το κείμενο σου και οταν τελειώσεις και απο κάτω θές να προσθέσεις το video σου πάτα το Code θα μπεις σε HTML mode. Εκεί πάτα μερικά Enter για να είσαι σίγουρη/ος και κάνε paste τον HTML κώδικα που κάναμε copy απο το κουτάκι Embed του youtube. Και αυτό είναι ολο!
Μπορείς να γράψεις ολο σου το post εξαρχής σε code mode απλά θα πρέπει να φροντίσεις να φορμάρεις εσύ το κείμενο σου με html tag.


Πρέπει να ομολογήσω το εξής. Η προσθήκη πολλών video και γενικότερα flash player σε μια σελίδα την κάνει αρκετά πιο αργή για να την κατεβάσει και να την δει κάποιος ο οποίος έχει και αργή γραμμή αλλά και ίσως παλιό υπολογιστή. Ομολογώ πχ στα τελευταία μου ποστ ήταν ολα γεμάτα video απο you tube οπότε σίγουρα θα υπήρχαν αρκετοί αναγνώστες οι οποίοι θα το βρήκαν σπαστικό και είναι σε κάποιο βαθμό! Προσπαθήστε λοιπόν να μην είστε γεμάτοι στα video και τα flash banner και όταν μπορείτε να δίνετε απλά ένα link . Την ίδια συμβουλή θα πρέπει να δώσω και στον εαυτό μου, μιας και το παράκανα!

Ευχαριστώ για τον χρόνο σου αν έχεις ερωτήσεις άφησε comment!

8 comments:

  1. Αγαπητέ, προσπαθώ να επικοινωνήσω μαζί σας γιατί το Μακάκι μου έχει ένα πρόβλημα και μου σύστησαν εσάς ως έναν απο τους πιο ενδεδειγμένους να με συμβουλεύεσετε. Μ¨ηπως τα ε-μέηλ μου τα τρώει το anti-spam?

    ReplyDelete
  2. Έχεις βάλει κάποιο plugin στο wordpress και σου βγάζει τα tabs visual και code? Γιατί εμένα δεν μου εμφανίζει τίποτα τέτοιο. Κι αναγκάζομαι να πειράζω το αντίστοιχο option στους users για να γράψω χωρίς τον Rich Editor.

    ReplyDelete
  3. @rocean
    βασικα΄δεν χρησιμοποιώ wordpress έχω ένα bloga παρατημένο οποτε I guess είναι αυτο που έχουν ολοι ..οσοι έχουν το blog τους εκει! Δεν το έχω πειράξει ολα default ειναι!

    ReplyDelete
  4. Να ρωτήσω πώς ανεβάζουμε βιντεάκι απ΄το pc στο youtube για να το βάλουμε στο μπλογκ μας πρώτα;
    Ή μήπως υπάρχει κι άλη εναλλακτική λύση; Ευχαριστώ!

    ReplyDelete
  5. Katapliktiko to arthro sou kai polu megali boithia.Alla egw thelw na rwtisw 2 alla pragmata.
    1. Pws mporw na anebasw kateuthian apo to pc mou sto blog ena videaki k'
    2. Pws mporw apo to YouTube na apothikeusw ena videaki sto pc mou...
    Elpizw na exw suntoma nea sou. Euxaristw!

    ReplyDelete
  6. Diorthwsi proigoumenou.
    Ekana mia matia sto blog sou kai einai katapliktiko...!
    To deytero erwtima mou luthike!
    Se eyxaristw.

    ReplyDelete
  7. @etsi

    γεια χαρα!

    1.δεν μπορείς να το κάνεις αυτό. Πρέπει το video να ανεβεί σε κάποια τρίτη υπηρεσία όπως το youtube που σου προσφερει video hosting for free. ειτε σε κάποιο δικό σου χώρο στο web (πχ εναν δικο σου server κτλ κτλ)

    2.οσο αναφορα την δευτερη ερωτηση σου έχω γράψει το παρακάτω
    http://javapapo.blogspot.com/2007/04/video-youtube-mp4-mac.html
    παρόλα αυτά για να μην σε κουράζω θα σου πρότεινα να κατεβάσεις το συγκριμένο plugin για Firefox

    https://addons.mozilla.org/en-US/firefox/addon/2390
    το οποιο βλεεπει αυτόματα σε οποια σελιδα βρίσκεσαι αν υπαρχουν video και σου προσφέρει την επιλογή να τα κατεβάσεις στο pc σου!

    ReplyDelete
  8. @ etsi
    να εισαι καλα! keep youtubing!

    ReplyDelete