Membuat widget Email subscribtion popup joss banget

 Membuat widget email subscribtion popup Gorgeous EXE-Style - Widget ini sangat menarik, karena diberi waktu/timer, seperti widget popup like box dari kaki.com itu lho! Tau kan? Screnshoot nya seperti ini :

 LIVE DEMO

   Widget ini berbahasa inggris, karena emang yang buat bukan anak negri. Jadi sabar ya, buat kamu yang kaga tau artinya. Hehehehe...  Tapi, kalau emang kamu ingin mengganti tulisan/teks pada widget ini, harus utak - atik dulu script-nya. Okelah kalau begitu, letakkan script widget ini pada tata letak -> Edit HTML.

Script widget :

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
<script src="http://exeideasinternational.googlecode.com/files/jquery.colorbox-min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=false') == -1)
{
var fifteenDays = 1000*60*60*24*30;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"500px", inline:true, href:"#exestylepopups"});
}
});
</script>
<style type="text/css">
/*
ColorBox v1.3.16
(Copyright (c) 2011 Jack Moore - jack@colorpowered.com)
UpDated By www.exeideas.com
(Copyright (c) 2011 EXEIdeas International - admin@exeideas.tk)
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#cboxOverlay{background:#000;opacity:0.5 !important;}
#cboxTopCenter{height:35px;}
#cboxMiddleRight{width:0px;}
#cboxContent{overflow:visible;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgubzcliDCbr_T81PLBbpvZ0o92PQZzzPUYc8v-Maliqfv4FXmVXsCwZASBZIcdIvnAM9ThAx_D7eup0nr54MD1_3fXv0jrON1IHbab9ckNShBtI6varTccMNi95_-sb7_25MDtJY7ZIYk/s400/loadingbackground.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdj9Iozrlqt7O1CT320DBTKJ6OFCwoXfelZ4o12lP7M-Ei9fdpWJUDNEv7_grTESR6JB0WK5c9-GZyT4Poch-8PFEgR07NWFGqWiILHLUDMtsBiRls9Ds8erv6ivw8ERwoXzv1e6FQJTQ/s400/loading.gif) no-repeat center center;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
#cboxClose{position:absolute; bottom:610px; right:0; cursor:pointer; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2xiL31ud-6_IjAD0VN-teKuTDAaS2dEOBvMIk_PVi0gb5mwTaxfpw4eA6PIa9VzONe6acXMosRoBeOafrMSlMowfnZ2iTHZ4biphkItWqjwKcVnlXadWzUDmGf2OEF1MCR9IpCYh79w/s40/exestylepopupclosebutton.png) no-repeat; width:40px; height:40px; text-indent:-9999px;}
#cboxClose.hover{opacity:0.8 !important;}
#exestylepopup{overflow:none; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ9CNwkqx6K-kwJyYI8kF8hkaYt_uCJUNI0Bk6_mAIWZ-IJb6y9YzYXebOItSTxDnvHPXG8tFf51lJvF4E_02VSlK4XF01Ug-Y8lsslqJRRJGTEo6lNkXYNDSouk1YRa1CrGH-K_N5lw/s625/EXEIdeasBlog.png) ; background-repeat: no-repeat; height: 625px; width: 490px; }
form#exestylepopup{display:block; margin:0;}
form#exestylepopup #exefield{padding:2px; position:absolute; top:444px; left:79px; width:300px; font-size:16px; border:none; background:transparent;}
form#exestylepopup #exebutton{position:absolute; left:72px; top:487px; width:345px; height:42px; border:none; background:transparent;}
</style>
<div style='display:none'>
<div id='exestylepopups' >
<form id="exestylepopup" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Infoiki', 'popupwindow', 'scrollbars=yes, width=600, height=550'); return true">
<input type="hidden" value="Infoiki" name="uri"/>
<input type="text" id="exefield" name="email" value="" placeholder ="Enter Your E-Mail Here..." />
<input type="hidden" name="loc" value="en_US" />
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="exebutton" />
</form>
</div>
</div>

Keterangan:
a). Jangan lupa mengganti Infoiki dengan Feedburner ID anda.
b). Sedangkan kode berwarna biru untuk menentukan lebar & tinggi widget.

Terakhir, save. Semoga berhasil ya! :)