Ερασιτεχνικό Youtube Pop Up Window Volume 1


Καλησπέρα σας,

Σήμερα θα σας παρουσιάσω ένα απλό Youtube Pop Up Window που ζητήθηκε από κάποιους φίλους στην σελίδα μας στο Facebook, και ενδιαφέρει αρκετούς από εσάς οπότε δώστε προσοχή.

Δημιουργήσαμε αυτό το απλό Gadget στα πρότυπα και στις δυνατότητες του Blogger δηλαδή ελαφρύ και έτοιμο για χρήση αλλά δυστηχώς αντιμετωπίζουμε ακόμα αρκετά προβλήματα.

Προφανώς πρόκειται για ερασιτεχνική δουλειά με σκοπό να βολευτεί ο περισσότερος κόσμος όμως σιγά σιγά θα το βελτιώσουμε με επόμενες σειρές του ίδιου Gadget.

Θα ανακοινώσουμε το Official σύντομα, για την ώρα σας παρέχουμε την Beta Version.

1) Σύνδεση στον Blogger

2) Επιλέγουμε Διάταξη από την στήλη στα αριστερά

3) Επιλέγουμε Προσθήκη Gadget σε οποιοδήποτε σημείο του Blog

4) Από την λίστα, επιλέγουμε το HTML/JavaScript (11o στην λίστα)

5) Προσθέτουμε τον παρακάτω κώδικα

<style type="text/css">

* html #ksbpopupdiv {position:absolute;}
#ksbpopupdiv {z-index: 999999;display:block; top:0px; left:0px; width:100%; height:100%; position:fixed; background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_BdyOSn7-maSWIwbz15Sq0TFMBeWvpopdIziDU0nMpEA0Td9hxCd8X1u15no3ZxTcQajF6wvvspSp9rIb83QVESZ4GQzWd0-NkZr09TPoU-W4anC1cCSRRO6Qt7QdXgBIY5LTuyrklg/s128/exeideasopacity0.5.png');margin:0; overflow-y:auto;}
#ksbpopup {background-color: #fff; overflow:none;}
.ksbpopup {width:560px; height:300; position:fixed; top:50%; left:50%; margin-top:-150px; margin-left:-200px;}
</style>

<div id="ksbpopupdiv">
<div id="ksbpopup" class="ksbpopup">
<center style="color:#000;cursor:pointer;float:right;margin-right:-20px;margin-top:-20px;" onmouseup="document.getElementById('ksbpopupdiv').style.display='none'">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWUglXR9bEr164M9HVmfS1GKMUrsuhsBz7mCvIGPAsFX_FcRHGIKSYmmchmL5sQyLzArYYLWc_-SUGvHaqY7GwTJhf_2Cu51-qXAPcGDAlrT6jQu8hQCFQE_ZDuumq2LVu3iVUp-Xyhg/s40/exeideasclose.png"/>
</center>
<iframe width="560" height="300" src="http://www.youtube.com/embed/NjwUHXoi8lM" frameborder="0" allowfullscreen></iframe>
</div>
</div>

6) Αλλάζουμε το Video URL

7) Πατάμε Αποθήκευση και τέλος

Το Pop Up εμφανίζεται κάθε φορά που γίνεται Loading η σελίδα.

Επίσης αν το video παίζει και κλείσουμε το παράθυρο, το video δεν σταματάει.

Όποιος γνωρίζει κάτι παραπάνω ας στείλει μήνυμα στην σελίδα μας στο Facebook.



Number of Comments: 11

Καλησπέρα! Όταν κάνω ενσωμάτωση αυτό τον κώδικα παίζει την 1η φορά μόνο του το βίντεο και μετά πρέπει να πατήσω εγώ play. Επίσης όταν πατάω για να κλείσει δεν εμφανίζεται στο blog αλλά συνεχίζει να παίζει

Το γνωρίζουμε πως υπάρχει αυτό το πρόβλημα από τις δοκιμές που κάναμε πριν το δημοσιεύσουμε. Γιαυτό άλλωστε το δηλώσαμε ως Ερασιτεχνικό επειδή έχει ακόμα αρκετά προβλήματακια. Όμως σε γενικές γραμμές κάνει την δουλειά του.

Μεγάλη θέση, έχετε επισημάνει ορισμένα εξαιρετικά σημεία, Ι, καθώς και ότι αυτό είναι μια πολύ θαυμάσια ιστοσελίδα.

Thank you for the interesting article. Here you can find handmadewritings research paper. Enjoy it!

Human beings normally generally tend to get harassed as they look for more Essay Websites for Students that write custom essays online. With the advent of the internet, now students can method those extremely good websites that write essays extra quick. At 6dollaressay.Com, we assure all the college students to have the most thorough professionals with our writers retaining at the least masters or a ph.D. The degree to ensure the best carrier. So don’t worry about the quality of the essays as we've were given the excellent crew all equipped to help you together with your tedious essays.

In case you are stuck please keep in mind to invite for an assist. All of your teachers are to be had thru but you can want to move and communicate with them to ask for a similar clarification. Please do Homework Site that nicely earlier of the due date so that you depart yourself enough time to finish the paintings.

If you have query related to your order or want some information included in your college essay paper, you can easily contact our customer representative. You can contact us for your cheap custom essay order through email, online chat or phone call. Start ordering from our service now!

We only allow our qualified academic writers with matching qualifications to take on your work.
Essay

My Silver Service offers taxi tours of various durations and complexity, My Silver service cab specializes in 24 hours airport transfer service.
book silver service

Our writers will create custom piece of work designed just for you and help you reach the grade you require.
Essay Writing UK

I like how I was given 2 totally different plans to browse and one of the structure was completely impeccable they adhered to my guidelines and did a generally excellent activity with the conclusive outcome I am cheerful
Fresh Protfolio