New Year's Eve Countdown to Midnight and 2016 Around the World!!

<div dir="ltr" style="text-align: left;" trbidi="on"> <div dir="ltr" style="text-align: left;" trbidi="on"> Happy New Year</div>                                <iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/A4TveBPuCIc" width="420"></iframe></div>

New Year's Eve Countdown to Midnight and 2016 Around the World!!

Happy New Year                               

Read more »

Get Free Happy New Year - jQuery Popup For Sites!

<div dir="ltr" style="text-align: left;" trbidi="on"> Time fly too fast! Two years back we released a combination of 2 different popups to wish your website visitors happy winter holidays and happy new year, we are releasing today a dynamic popup for new year so that you may not remain dependant on a fixed background theme and instead change the date and time by editing the text.<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSrK-M8kuf1gK6otsX-gb-PYbl7G9c0TiLl1tpRZTPRFb1hd2jtzNxNVUnVBDAihitxIz-WWA4bUxWU7b_Sybxj2TRCVt9aN__tJ9VAkuJT9Ig9tKVdaWExQ64274V9KIXmGKn6Ot0bbI/s1600/happy-new-year-popup.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="happy new year blogger tricks" border="0" height="195" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSrK-M8kuf1gK6otsX-gb-PYbl7G9c0TiLl1tpRZTPRFb1hd2jtzNxNVUnVBDAihitxIz-WWA4bUxWU7b_Sybxj2TRCVt9aN__tJ9VAkuJT9Ig9tKVdaWExQ64274V9KIXmGKn6Ot0bbI/s320/happy-new-year-popup.jpg" title="happy new year blogger tricks" width="320" /></a></div> <h3> How to install this popup?</h3> All steps are exactly similar to the ones we already shared on our christmas popups tutorial except for the styling which I will discuss here. Kindly therefore follow all steps shared in the <strong>Winter Holidays</strong> tutorial linked below. Follow all steps there<br /> <br /> <b>Add the following CSS code instead of the code  </b><br /> <b>              </b><br /> <blockquote> /* --------------------------------------------------  <br />New Year Popup by MBT <br />-------------------------------------------------- */ <br /> #mbt-counter { <br /> padding: 10px; <br />font-family: oswald,verdana; <br />background-color: transparent !important; <br />position: relative; <br />top: 28%; <br />font-size: 25px; <br />left: 28%; <br />text-shadow: 1px 2px 4px rgb(51, 51, 51); <br />color: rgb(255, 254, 198) !important; <br />border: 2px solid orange;}<br />         .reveal-modal h2 {  <br />   position: relative; <br />top: 25%; <br />font-family: oswald,arial; <br />font-size: 1.7em; <br />text-shadow: 2px 4px 10px #000; <br />color: orange; <br />text-align: center;}<br />     .reveal-modal-bg { <br />        position: fixed; <br />        height: 100%; <br />        width: 100%; <br />        background: rgba(0,0,0,.8); <br />        z-index: 100; <br />        display: none; <br />        top: 0; <br />        left: 0; <br />        } <br />    .reveal-modal { <br />        visibility: hidden; <br />        left: 50%; <br />        top:170px; <br />        margin-left: -300px; <br />        width: 550px; <br />        height: 305px; <br />        background: rgba(51, 51, 51, 0) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6kHlQ-VLl6hh8LrEPOQuLa4SV7OcIXcZ1uMYdMAeptQmE1vKXZakKWma6UFGdCJMyz4OJ07SgTf2wGSYaMB0l4pNfMF2Xu5gflt4ICONRxJ-kjIigpIxlzsk4DRRVV9YUOlkT7LZyAr4/s1600/happy-new-year-png.png) no-repeat -17px 0px; <br />        position: absolute; <br />        z-index: 101; <br />        padding: 30px 40px 34px; <br />        -moz-border-radius: 8px; <br />        -webkit-border-radius: 8px; <br />        border-radius: 8px; <br />        color: #FFF; <br />        } <br />    .reveal-modal.small         { width: 200px; margin-left: -140px;} <br />    .reveal-modal.medium         { width: 400px; margin-left: -240px;} <br />    .reveal-modal.large         { width: 600px; margin-left: -340px;} <br />    .reveal-modal.xlarge         { width: 800px; margin-left: -440px;} <br />    .reveal-modal .close-reveal-modal { <br />        font-size: 32px; <br />line-height: 0.5; <br />position: absolute; <br />right: 25px; <br />font-weight: bold; <br />cursor: pointer; <br />bottom: 25px; <br />color: orange; <br />        } <br />        .reveal-modal .close-reveal-modal:hover { <br />            color:#2d2d2f; <br />        } </blockquote> <h3> Hide Winter Snow Fall</h3> If you don't want to show the falling snow then kindly remove this code:<br /> <blockquote> $(document).snowfall({deviceorientation : true, round : true, minSize: 1, maxSize:8,  flakeCount : 250});<br /> </blockquote> This code is given in step#4 of previous tutorial.<br /> <h3> The HTML</h3> For step#6 use the following HTML code<br /> <blockquote> <div id="myModal" class="reveal-modal" > <br />        <h2>Count Down Begins...</h2> <br />        <script type='text/javascript' src="http://yourjavascript.com/411632510116/mbt-counter.js"></script> <br />        <a class="close-reveal-modal">&#215;</a> <br />        </div><br /> </blockquote> </div>

Get Free Happy New Year - jQuery Popup For Sites!

Time fly too fast! Two years back we released a combination of 2 different popups to wish your website visitors happy winter holidays and ...

Read more »