Put the code below if not already installed
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'></script>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js'></script>
Add this Code anywhere you like
<!-- div with Timer -->
<style>
#mozfblike{
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(-45deg, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}
</style>
<div id="mozfblike" style="diplay:none;z-index:9999;position:fixed;left:50%;top:50%;width:250px;padding:10px 10px 10px 10px;border-radius:8px;transform: translate(-50%, -50%);">
<div align="center" style="background-color:#fff;padding:2px;border:1px #000 solid;border-radius:8px;">
<a href="http://VIDEOPOH.BLOGSPOT.COM"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilflugCgtwpVhhaNFK668cP1poTpsfySBE0hYWmCuOwhK289IkxWUm0HBsOp4rhXtBbxQSt8h9IBN3X-0JYboXMu7brgZhIKPjJ1y97WMlriGz0cFoOx4jgXCMlTSlgGgcJ3KTpH-r5GYM/s1600/POPUP-CLOSE-WITH-TIMER.jpg" /></a>
<div align="center" style="font-family:Arial;font-size:12px;">This box will close in <span id="mozfbcounter" style="color:red;">30</span> second
</div>
</div>
</div>
DEMO : look right Sidebar
