Creating a Popup Window/Page on Blogger Avoiding Popup Blocked

Click on link to open your any page as the time you will show popup window on your blog. If you want to make money with this popup page you should adjust any client product link for advertised. Many popup pages have block when visitors open popup window. But today I teach you how to make any popup page on your blog without blocked.

Create Popup Windows for Blogger:

• Login to your Blogger Dashboard 
• Click right side bar on selected blog's

Step 1: Create jQuery Popup Windows For Blogger:

• Select "Layout" on drop down menu

A. Click on "Add Gadget" in your template sidebar

B. Choose  "HTML/JavaScript" Gadget

Step 2: Add Popup Window Using Jquery:

  A. Write widget name in "Title" box

  B. Past the bellow script in "Content" box then save

Avoid Popup Blocker JavaScript Code:

<script type="text/javascript">

var win = window.open('http://help2blogging.blogspot.com', "popup", 'toolbars=0, scrollbars=1, location=0, statusbars=0, menubars=0, resizable=1, width=650, height=650, left = 300, top = 50');

if (!win){

//    alert("failed for most browsers");

    document.body.onclick = function () {

         window.open('http://help2blogging.blogspot.com', 'poppage', 'toolbars=0, scrollbars=1, location=0, statusbars=0, menubars=0, resizable=1, width=650, height=650, left = 300, top = 50');

    };

}else {

    var thisdoc = document;

    //Is it Chrome?

    if(/chrome/.test(navigator.userAgent.toLowerCase())){

        setTimeout(function() {

            if ((win.innerHeight > 0) == false){

//                alert("failed for chrome");

                  thisdoc.body.onclick = function () {

                      window.open('http://help2blogging.blogspot.com', 'poppage', 'toolbars=0, scrollbars=1, location=0, statusbars=0, menubars=0, resizable=1, width=650, height=650, left = 300, top = 50');

                  };

             }

        }, 100);

    }else{

       win.onload = function() {

            if ((win.innerHeight > 0) == false){

//                alert("failed for others");

                  thisdoc.body.onclick = function () {

                     window.open('http://help2blogging.blogspot.com', 'poppage', 'toolbars=0, scrollbars=1, location=0, statusbars=0, menubars=0, resizable=1, width=650, height=650, left = 300, top = 50');

                  };

            }

       };

    }

}

</script>

Note: Replace http://help2blogging.blogspot.com to your custom popup URL or client URL.

• That's all.

------------------------------------------------------

If you have any question and suggestions related blogger

Please don't hesitates just sent email or leave comment

Thanks to follow this tutorial

Best regards

help2blogging team