Nα εισάγω Youtube video σε ανάρτηση στο blog...

Πάντα επιθυμούμε με απλές κινήσεις μας να έχουμε μια ορθή ανάρτηση ενός video από το Youtube σε ανάρτηση στο blog. Η παρακάτω διαδικασία δεν απαιτεί γνώσεις HTML ή Javascript. Όμως ας δούμε τα βήματα της διαδικασίας.

Εικόνα 1. Ένα απόσπασμα τυπικής 
σελίδας video στο yuotube

Εικόνα 2 Ένα απόσπασμα τυπικής σελίδας video στο yuotube

1. Πηγαίνω στο Υoutube και μάλιστα στη σελίδα που φιλοξενεί το video που θέλω να εισάγω σε ανάρτηση στο blog. (Εικόνα 1)




2. Παρατηρούμε ότι στο κάτω μέρος της εικόνας 1, υπάρχει το κουμπί "Αποστολή". Είναι αυτό που μας ενδιαφέρει στην περίπτωσή μας και το πατάμε..





3. Εμφανίζεται το ένθετο πλαίσιο (πορτοκαλί πλαίσιο με λευκό background) όπως αυτό φαίνεται στην εικόνα 2.

Εικόνα 3. Αντιγράφουμε τον κώδικα ενσωμάτωσης
που θα εμφανίσει το βίντεο στο ιστολόγιό μας
Στην περίπτωση αυτή στρέφουμε το ενδιαφέρον μας στο κουμπί "Ενσωμάτωση" (εικόνα 2, το κουμπί με το γαλάζιο περίγραμμα), το οποίο και πιέζουμε






4. Πατώντας το πλήκτρο "Ενσωμάτωση" εμφανίζονται οι επιλογές για την αντιγραφή του κώδικα ενσωμάτωσης του βίντεο στο ιστολόγιο μας.

5.Αποεπιλέγουμε τις επιλογές της περιοχής δύο(2) και επιλέγουμε όπως φαίνεται στην εικόνα 3 από τις επιλογές διαστάσων αυτή των 640x 480.

6. Αμέσως μορφοποιείται ο κώδικας της περιοχής τέσσερα (4) και εμφανίζεται με μπλε υπόβαθρο.

7. Πατάμε με δεξί πλήκτρο με το ποντίκι πάνω στην μπλε αυτή περιοχή τέσσερα (4)  και εμφανίζουμε το μενού με αριθμό πέντε (5), επιλέγοντας "Αντιγραφή"..



8. Έχοντας αντιγράψει τον κώδικα στην μνήμη του υπολογιστή μας (clipboard), εγκατελείπουμε το παράθυρο του youtube και ανοίγουμε το παράθυρο στην θέση : "Διαχείριση της ανάρτησης", στην περίπτωσή μας στο bogger...

Εικόνα 4. Τυπική διαμόρφωση επεξεργασίας
ανάρτησης στον blogger
9. Στην εικόνα 4 έχουμε την μορφή που θα έχει ο διαχειριστής μιας ανάρτησης στον blogger ... Ας δούμε τα βήματα που πρέπει να ακολουθήσουμε για να την τοποθέτηση του video από το youtube.

-9.(1) Στην περιοχή με αριθμό ένα(1) υπάρχουν δύο button (κουμπιά), το ένα με τίτλο "Σύνθεση" και το άλλο με τίτλο "HTML". Ουσιαστικά με τα δύο αυτά button βλέπουμε την ίδια ανάρτηση από δύο διαφορετικές γωνίες. Επιλέγοντας "Σύνθεση" βλέπουμε μια γρήγορη οπτική πως θα φαίνεται η ανάρτησή μας αμέσως μετά την Δημοσίευσή της.  Στην επιλογή αυτή μπορούμε να εργαστούμε χωρίς να χρειάζεται να έχουμε γνώσεις HTML... Επιλέγοντας το button "HTML" (μην ξεχνιόμαστε από την περιοχή (1) της εικόνας 4) βλέπουμε την ανάρτησή μας με μια εικόνα του πως είναι με την μορφή κώδικα HTML και θα κρατήσουμε την επιλογή αυτή για την εργασία μας...

-9.(2) Θα μεταφερθούμε με το ποντίκι μας πάνω από το μεγάλο άσπρο πλαίσιο και θα πατήσουμε το δεξί πλήκτρο του ποντικιού μας στο λευκό αυτό πλαίσιο. Εμφανίζεται το μενού των επιλογών (της περιοχής δύο 2 εικόνα 4) και επιλέγουμε "Επικόλληση".

-9.(3) Μετά την επιλογή "Επικόλληση" εμφανίζεται ο κώδικάς που είχαμε αντιγράψει από το youtube  και είναι υπεύθυνος να εμφανίσει το video που επιλέξαμε.. Για να δούμε αν όλα πήγαν καλά μπορούμε να μεταφερθούμε σε μορφή προεπισκόπισης (πατώντας το button "Σύνθεση" [περιοχή 1 εικόνα 4]). Αν εμφανισθεί το video μας σημαίνει ότι η μεταφορά του κώδικα ήταν η σωστή...

Στο σημείο αυτό θα ήθελα να αναφερθώ στη ομοιομορφία της εμφάνισης των αναρτήσεων.. Για να πετύχουμε ώστε το video να καταλαμβάνει όλο το πλάτος της ανάρτησης μεταβαίνω στο κώδικα στο σημείο    ....

< iframe width="640" height="480" src..... (κλπ δεν μας ενδιαφέρει η συνέχεια στο παράδειγμά μας)

και το τροποποιώ ώστε να είναι εμφανίζει με την μορφή

<  iframe width="100%" height="365" src="....


-9.(4)  Αν χρειαστεί να γράψετε κείμενο επιλέγεται μετά το τέλος του κώδικα ...

....<  / iframe >

και γράφουμε το κείμενο του άρθρου μας...

-9.(5)  Στο σημείο αυτό εισάγουμε το τίτλο του άρθρου μας... (καλό είναι να αποφεύγουμε την γραφή με κεφαλαία γράμματα, η χρήση των κεφαλαίων στο internet είναι σαν να φωνάζουμε πολύ δυνατά τα γραφόμενα)

-9.(6)  Το σημείο αυτό είναι πολύ σημαντικό. Επιλέγοντας την σωστή ετικέτα (συνήθως από προεπιλογές μας σε προηγούμενες αναρτήσεις) ομαδοποιούμε τα άρθρα μας. Έτσι αυτά εμφανίζονται σε μελλοντική αναζήτησή μας, η ομαδοποιούνται  κάτω από επιλογές μενού...

-9.(7)  Τέλος πατάμε το πλήκτρο "Δημοσίευση" στην περιοχή επτά (7) της εικόνας 4 για να ολοκληρωθεί η διαδικασία και να δημοσιευθεί το άρθρο μας...


Καλή επιτυχία. Καλή συνέχεια

Σχόλια

Ο χρήστης Τάνια Μάνεση είπε…
Συγχαρητήρια σε όποιον συνέταξε την ανάρτηση. ΚΑΤΑΤΟΠΙΣΤΙΚΟΤΑΤΗ!!!
Μπράβο και ευχαριστώ...