Header Ads

  • Breaking News

    Youtube Pop Up Window for Blogger

    Good evening,
    Youtube Pop Up Window for Blogger 2019
    Today I present to you a simple Youtube Pop Up Window requested by some friends on our Facebook page, and interested enough of you so pay attention.
    We created this simple Gadget in the templates and features of Blogger i.e. lightweight and ready to use but unfortunately we still have enough problems.
    Obviously this is an amateur job in order to make the most of the world, but we will slowly improve it with next series of the same Gadget.
    We will announce the Official soon, for now we provide the Beta Version.
    1) Login to Blogger
    2) Select layout from column to left
    3) We choose Add Gadget to any point of the Blog
    4) from the list, we select the HTML/JavaScript (11o in the list)
    5) Add the following code

    <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://lh3.googleusercontent.com/-rUv4L_9nz-8/T9sfSSJaZNI/AAAAAAAACf0/ETEgFKt-rR4/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;}
    <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://lh6.googleusercontent.com/-uSW_8HWcJII/T9shJ_kvWwI/AAAAAAAACgI/9xs1KMJtUtc/s40/exeideasclose.png"/>
    <iframe width="560" height="300" src="http://www.youtube.com/embed/NjwUHXoi8lM" frameborder="0" allowfullscreen></iframe>
    6) We change the Video URL
    7) Press Save and end
    The Pop Up appears every time the page is Loading.
    Also if the video plays and close the window, the video does not stop.

    No comments

    Post Top Ad


    Post Bottom Ad