New Year Gadget Popup for Blogger and website

by
You are Searching for new year gadget for your website or blog then i give you codes for the new year 2019
Gadget . Copy that code in your page.                                            

CSS CODE:-

#wrapper a:hover, #wrapper a:active {color:#fff;
text-decoration:none;
font-size:18px;
background:#FFFFFF;
-webkit-border-radius:10px;
-moz-border-radius:10px}

#Lpopuparea {
background-color:#666666;
opacity: 0.75;
z-index: 9001;
top:0px;
left:0px;
width:100%;
*background:none;
position:absolute;

}

/*–Popup—-outside area——–*/
#Lpopup {
position:absolute;
background:url(Lt.png) no-repeat; /*Image inside the popup*/
width:400px;
height:300px;
z-index: 9002;
}

#Lpopup a {position:relative; top:20px; left:20px}

 JAVA SCRIPT CODE:-

<script type=”text/javascript” src=”https://liveurlifehere.com/learning-media/javascript/popup/css-pop.js”></script>

HTML code:-

<body onload=”popup(‘Lpopup’)”>

<div id=”container”>

<div align=”center”><a href=”#”><img src=”Lt.png” style=”margin-top:0px”/></a> </div>

<div id=”wrapper”>

<!–Popup–start—>

<div id=”Lpopuparea” style=”display:none;”></div>
<div id=”Lpopup” style=”display:none;”>

<a href=”#” onclick=”popup(‘Lpopup’)” ><img src=”cross.png” /></a>
</div>

<!–Popup-end—>
<a href=”#” onclick=”popup(‘Lpopup’)”>Click here to open popup</a>

<!– end #mainContent –></div>
<!– end #container –></div>

Leave a Comment