Untuk menghindari rasa bosan dan kecewa para pembaca pada blog atau website Bisnis Anda, sebaiknya Anda perlu membuat kebijakan pada email signup pop-up Anda. Email signup pop-up memang seringkali mengesalkan bagi beberapa pembaca, apalagi bila muncul terlalu sering atau bahkan tidak bisa ditutup.
Permintaan email signup berbentuk Pop-up yang terlalu sering muncul atau tidak bisa ditutup adalah sebuah usaha yang ‘berlebihan’ dan tidak efektif dalam mencari subscriber karena terkesan memaksa dan membuat pengunjung website Anda merasa tidak nyaman. Seperti contoh gambar berikut ini.
Jadi gunakanlah fasilitas email subscribe popup ini dengan sewajarnya dan tidak berlebihan seperti yang saya sebutkan di atas. Baiklah bagi anda yang ingin mencobanya bisa mengikuti langkah berikut ini.
Login ke Blogger lalu pilih blog sobat yang akan dipakai untuk percobaan memasang widget email subscribe popup
Sudah dipilih blognya, lalu pilih "TEMPLATE" dan "TATA LETAK" kemudian "TAMBAHKAN GADGET" lalu pilih "HTML/Javascript" seperti gambar dibawah ini.
Kemudian letakkan kode berikut ini kedalam widget HTML/Javascript yang anda tambahkan tadi, lalu simpan dan lihat hasilnya.
<style type="text/css">
* html #exestylepopupdiv {position:absolute;}
#exestylepopupdiv {z-index: 999999;display:block; top:0px; left:0px; width:100%; height:100%; position:fixed; background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVgTZpaHJI2d51Ll1Jze2mTBwSuGmQZdui1Zzl4hlsRlYebbt3tstHUIR5VMpdaIYWqBOxnLIf1zWYez8fNmJ-0-XSoZ0ebH-podoVi4c3xBfQBdy_ZITpFIDrfSj5B-Ld2J6QXzz7Fg/s128/exeideasopacity0.5.png');margin:0; overflow-y:auto;}
#exestylepopup {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHylhsmHyhOBD7G0tYwpxc5qFI8_IIjHXh_vAOS4gZCjLcpE1ofZgyp965QRvKH-wbm6slo2OhTQepj6d5FhdUuGyGIQ7NQmkDcFo5sUDjU03oGUjUZPQIbifWF5Yhw1OzKciWGeqhBA/s748/EXEIdeasBlog.png); background-repeat:no-repeat; overflow:none;}
.exestylepopup {width:770px; height:334px; position:fixed; top:50%; left:50%; margin-top:-167px; margin-left:-396.5px;}
form#exestylepopup {display:block; margin:0;}
form#exestylepopup #exefield {padding:2px; position:absolute; top:171px; left:480px; width:200px; font-size:16px; border:none; background:transparent;}
form#exestylepopup #exebutton {position:absolute; left:474px; top:214px; width:249px; height:42px; border:none; background:transparent;}</style><!--[if lte IE 6]><style type="text/css">/*<![CDATA[*/html {overflow-x:auto; overflow-y:hidden;}/*]]>*/</style><![endif]--><div id="exestylepopupdiv"><div id="exestylepopup" class="exestylepopup"><center style="color:#000;cursor:pointer;float:right;margin-right:-20px;margin-top:-20px;" onmouseup="document.getElementById('exestylepopupdiv').style.display='none'">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1k_ulnzLtrxmeDwOZoBT9LCE2Ic7Bjz4_DUWQb-0dfyGNa75j_LDLd8IyFeIzoz0XPv5W-L2rR5Alz1k-Ar29AmtERgejWNTeLvad0rL92PhXQf0a-22819Afh2BUe1SYJrosMlk23Q/s40/exeideasclose.png"/>
</center><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=Bengkel-Blog', 'popupwindow', 'scrollbars=yes, width=600, height=550'); return true">
<input type="hidden" value="seocips" name="uri"/>
<input type="text" id="exefield" name="email" value="Enter Your E-Mail Here..." placeholder ="Enter Your E-Mail Here..." /><input type="hidden" name="loc" value="en_US" />
<input type="image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcvzjsi15pwnGtvIL-0X0JTq6JyOodC_5570cwDH7uoYOoVKG-_0HW8D5xsPrqsm4Xag7P7TaxuCXDO3QCJSh2XfTW3t1G0dZcDW9CmxF_Wdg-NPg2PlisFwjRfVLAIjHCp2PBlDW46w/s128/exeideasblank.gif" id="exebutton" /></form></div></div>
