Προσθήκη εικόνας σε ιστολόγιο Πληκτρολογούμε τη διεύθυνση www.blogger.com , εισάγουμε τους κωδικούς του gmail και στη συνέχεια ανοίγουμε τον επεξεργαστή κειμένου είτέ επιλέγοντας το πορτοκαλί κουμπί (Δημιουργία Νέας Ανάρτησης, είτε τις υπάρχουσες αναρτήσεις (1 ανάρτηση στο συγκεκριμένο παράδειγμα) Ηλίας (Λίνος) Υφαντής, Επιμορφωτής Β Επιπέδου ΠΕ 02

Ηλίας (Λίνος) Υφαντής, Επιμορφωτής Β Επιπέδου ΠΕ 02 Αφού επιλέξουμε από τις γραμμές εργαλείων την εισαγωγή εικόνας, κάνουμε κλικ στην εισαγωγή αρχείων το κουμπί «Επιλογή Αρχείου» από την υποενότητα «Μεταφόρτωση». Επιλέγουμε την κατάλληλη εικόνα που έχουμε βρει στο διαδίκτυο είτε από ιστοσελίδα είτε από τις εικόνες στη Google. Αφού μεταφορτωθεί Η εικόνα και την δούμε στην καρτέλα επιλέγουμε «Προσθήκη Επιλεγμένων» Ηλίας (Λίνος) Υφαντής, Επιμορφωτής Β Επιπέδου ΠΕ 02

Ηλίας (Λίνος) Υφαντής, Επιμορφωτής Β Επιπέδου ΠΕ 02 Μπορούμενα επιλέξουμε τη θέση της εικόνας και το μέγεθος της κάνοντας κλικ πάνω σε αυτή και στη Συνέχεια επιλέγοντας κάποιες από τις επιλογές που εμφανίζονται. Ηλίας (Λίνος) Υφαντής, Επιμορφωτής Β Επιπέδου ΠΕ 02

Προσθήκη βίντεο σε ιστολόγιο Προσθήκη βίντεο σε ιστολόγιο Η αναζήτηση βίντεο γίνεται συνήθως στην ιστοσελίδα youtube.com. Από εκεί θα αλιεύσουμε το βίντεο που Επιθυμούμε. Ανοίγουμε λοιπόν το youtube.com και πληκτρολογούμε το αντικείμενο της αναζήτησης μας, Πατώντας στη συνέχεια Αναζήτηση Ηλίας (Λίνος) Υφαντής, Επιμορφωτής Β Επιπέδου ΠΕ 02

Ηλίας (Λίνος) Υφαντής, Επιμορφωτής Β Επιπέδου ΠΕ 02 Αφού επιλέξουμε το βίντεο που επιθυμούμε κάνουμε δεξί κλικ πάνω σε αυτό και επιλέγουμε «Αντιγραφή Κώδικα Ενσωμάτωσης» (Αγγλικά «Copy embeed code» Ηλίας (Λίνος) Υφαντής, Επιμορφωτής Β Επιπέδου ΠΕ 02

Ηλίας (Λίνος) Υφαντής, Επιμορφωτής Β Επιπέδου ΠΕ 02 Επιστρέφουμε στην ανάρτηση μας και επιλέγουμε πάνω δεξιά το κουμπί HTML Ηλίας (Λίνος) Υφαντής, Επιμορφωτής Β Επιπέδου ΠΕ 02

Ηλίας (Λίνος) Υφαντής, Επιμορφωτής Β Επιπέδου ΠΕ 02 Πλέον είμαστε σε ένα περιβάλλον ανοικτού κώδικα. Επειδή δεν γνωρίζουμε κώδικα θα το βάζουμε αρχικά Στην αρχή του ώστε το βίντεο θα παίζει αντίστοιχα στην αρχή της ανάρτησης (μέχρι να το μάθουμε εμπειρικά)Κάνουμε λοιπόν κλικ στην αρχή του Κώδικα και επιλέγουμε Eπικόlληση (Paste) Ηλίας (Λίνος) Υφαντής, Επιμορφωτής Β Επιπέδου ΠΕ 02

Ηλίας (Λίνος) Υφαντής, Επιμορφωτής Β Επιπέδου ΠΕ 02 Ο κώδικας έχει ενσωματωθεί. Ξεκινά από το <iframe και καταλήγει στο </iframe>. Αν πειράξουμε τα νούμερα στις ενδείξεις height και width θα φέρουμε το βίντεο μας να εμφανίζεται στην επιθυμητή μορφή. Ελέγχουμε το βίντεο αν επιλέξουμε Σύνθεση αντί HTML πάνω δεξιά όταν ολοκληρώσουμε την εργασία μας. Στη συνέχεια πατάμε «Δημοσίευση» Ηλίας (Λίνος) Υφαντής, Επιμορφωτής Β Επιπέδου ΠΕ 02