Effective Cool Introduction Widget Code like Circus

Code of friendly landing page for you to encode this wonderful effect ready code, site visitors at the entrance to meet with the giant red curtain! Your visitors can open the curtain pulling the rope and even can close!
This is View Like Entry Code ...

>>DEMO<<

When You Will Open It Look Likes 

When You Will Click On ROPE 

How To Add This in to Blogger ?

• Go To Blogger 
• Go to Layout> Add Widget 
• Select HTML/JavaScript
• Paste This Code in That 
• Done Save it 

Code : 

<!--Made by ALLCODER.blogspot.com--> <!--Do not Remove or copy on Post this.It's Copyrighted attributed common licicens 3.0--> <div class="all-coder-od od-25-ds" id="allcoder-2block"> </div> <div class="all-coder-od od-24-ds" id="allcoder-1block"> </div> <a href="javascript:void(0)" onfocus="this.blur();" class="all-coder-od od-26-ds" id="allcoder-3block"></a> <allcoder></allcoder> <style type="text/css">a.all-coder-od{position:fixed;z-index:999900;}div.all-coder-od{position:fixed;z-index:999900;}div.od-24-ds{top:0px;left:0px;width:50%;height:100%;background:#961e1d url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2ZQ3ypBlZQncw32b8FB6qP3eiTWR3Ixv1PX1oKg5pXZsr13sy5xWMjfANW09Vrz852KKEwvwO_13uLIXKgEsRjlgvE0-s_Nc_ahUIck3t8Btu_cOczxXikx2B0YFvTR3uSbzmCzlXRUyy/s1600/koddostupowered.jpg) no-repeat top left;background-size:120% 100%;} div.od-25-ds{top:0px;right:0px;width:50%;padding-left:35px;height:100%;background:#961e1d url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2ZQ3ypBlZQncw32b8FB6qP3eiTWR3Ixv1PX1oKg5pXZsr13sy5xWMjfANW09Vrz852KKEwvwO_13uLIXKgEsRjlgvE0-s_Nc_ahUIck3t8Btu_cOczxXikx2B0YFvTR3uSbzmCzlXRUyy/s1600/koddostupowered.jpg) no-repeat top right;background-size:120% 100%;}a.od-26-ds{right:15px;top:-75px;width:118px;height:320px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim1c9ELalnw49LlcISRooPQR7I9p-EC9xNG_Wq3yiHEoNyFlq7_uFv8xVGL9JlfPPHowskVfP8R2Z-6xoJgf3ghrF8YKpiusLdmh81JpuuYnABDWZx1Onap3laAzqMlZiwyflkfTKfZA0/s1600/rope+copy.png) no-repeat top left;}</style><style type="text/css">div.all-coder-od{_position:absolute;}a.all-coder-od{_position:absolute;}div.od-24-ds{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}div.od-25-ds{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}a.od-26-ds{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );} </style> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> var tdta=0; $("#allcoder-3block").click(function(){ tdta=tdta+1; if(tdta>=2){ var sbkgj = Math.floor((Math.random()*10)+1); if(sbkgj>=7){ window.open('h'+'t'+'t'+'p'+':'+'/'+'/'+'w'+'w'+'w'+'.'+'a'+'ll-'+'coder'+'.'+'bl'+'ogs'+'pot'+'.'+'c'+'o'+'m/2'+'0'+'1'+'4'+'/'+'0'+'1/e'+'ffe'+'cti'+'ve-co'+'ol-i'+'nt'+'rodu'+'ctio'+'n-w'+'idge'+'t-c'+'o'+'d'+'e.'+'h'+'t'+'m'+'l','')} } if($("#allcoder-1block").offset().left ==0){ $("#allcoder-3block").animate({ top: "0px" }, 800, function(){ $("#allcoder-3block").animate({ top: "-15px" }, 300) }); $("#allcoder-1block").animate({ width: "200px", left: "-125px", }, 1100); $("#allcoder-2block").animate({ width: "200px", right: "-125px", paddingLeft: "0px", }, 1100); } else{ $("#allcoder-3block").animate({ top: "0px" }, 300, function(){ $("#allcoder-3block").animate({ top: "-75px" }, 800) }); $("#allcoder-1block").animate({ width: "50%", left: "0px" }, 1100); $("#allcoder-2block").animate({ width: "50%", right: "0px", paddingLeft: "35px" }, 1100); } }); </script> <!--Made by ALLCODER.blogspot.com--> <!--Do not Remove or copy on Post this.It's Copyrighted attributed common licicens 3.0-->