<div class="fitur oke"><div class="konten tengah"> <h2 class="tebal">Fitur Klik PopUp dan PupUp Load</h2><a class="btn2 btn-merah" href="#popup">Pop Up Klik Disini</a><br />form subscribe harus terhubung ke autoresponder </div></div> <div class="oke"><div class="konten tengah">3 tampilan pop up yang saya sediakan, dan bisa anda rubah sesuai keinginan<br /><br /> <div class="kol-13"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjemlBpdkisTlplHjafeixjYHO1ppSojdUICNceIZ3b5grBoOCY4WGS6MW7jvEftIsfCRzjtOtGGhLaGE4vJrNIHv6D1IR7NyQRHvLvKGTheIGUXMLHF11sZkiHUS09erFNlEntNyFRvo8/s1600/Pop+Up+Subscribe1.png" /></div><div class="kol-13"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBe3nqHrOqGpfMLkeGU1VuyNxtIya3nz4G1Uy35UTp43cwcnXyd2xkY5MpspR65lom0xiKKqXG6rQDcYuBv5eDPbi_EiOK6Faxb_gineUmFRQZ3hlU1CFpNuPFs7Dr4UYszdbRmHjS_yk/s1600/Pop+Up+Subscribe+2.png" /></div><div class="kol-13"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjem1opXD74K_SwILC3CQR-0GGHsDX_ZxqUXGqwuL4tIHzqealbi1pvNKPPC74m-Wor93ZNDbQ7r4rmP-FWvnAMPjS62L1wKr2WT5a5lKCg2kCs6uSAvYTuLjQPhObrY9jeCNjlcOR-6M/s1600/Pop+Up+Subscribe+3.png" /> </div></div></div> <div id='popupbox'><a class='close-popup' href='#'>&#215;</a><div class='black-bg kaluar'></div><div class='gambar-space'><a href='#' target='_blank'><img alt="popup image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEzTQU6aBt0nC0zhH2JdJi5nFHgOZB0aeMyism9JFAke1TYRgRIez0PyaEOnK6eTxZJFhTi0fOylGJAqDwvjaZqkw83amPK_4DbMfHpWdYoBQngEI-sZp5a3A2zB06ht4kWyBX9I-6eFk/s1600/display2.png"/></a></div></div> <style type='text/css'>@media (max-width:800px){#popupbox{padding:0 10px}} #popupbox{position:fixed!important;position:absolute;top:-700px;left:39%;margin:0 0 0 -182px;font:normal Dosis,Georgia,Serif;color:#333;-webkit-box-shadow:0 0 10px #333;-moz-box-shadow:0 0 10px #333;box-shadow:0 0 10px #333;background:#fff;z-index:99999;} #popupbox a.close-popup{position:absolute;top:-25px;right:0;font:25px Arial,Sans-Serif;text-decoration:none;text-align:center;color:#f2f2f2;cursor:pointer} #popupbox a.close-popup:hover{color:#fff} #popupbox a.close-popup:active{opacity:0} #popupbox div.black-bg{background:#000 url( ) no-repeat center;position:fixed;top:0;left:0;width:100%;height:100%;opacity:.6;z-index:-500} #popupbox div.gambar-space{border:5px solid #fff;position:relative;background:#fff;border-bottom:0} #popupbox div.gambar-space img{width:600px;} </style> <script type='text/javascript'>$(window).bind("load", function() { $('#popupbox').animate({top:"100px"}, 2000); $('a.close-popup, .kaluar').click(function() { $(this).parent().fadeOut(500); return false; }); }); </script>