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.

Creating a Popup Window/Page on Blogger Avoiding Popup Blocked

Create Popup Windows for Blogger:

Step 1: Create jQuery Popup Windows For Blogger:

  • Select "Layout" on drop down menu
Create Popup Windows for Blogger
A. Click on "Add Gadget" in your template sidebar
B. Choose  "HTML/JavaScript" Gadget
Create jQuery Popup Windows For Blogger

Step 2: Add Popup Window Using Jquery:

  A. Write widget name in "Title" box
  B. Past the bellow script in "Content" box then save

Add Popup Window Using Jquery

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

Avoid Popup Blocker JavaScript Code- Help2blogging logoCreating a popup window in html -Help2blogging smile logo

Comments