Ok sobat berikut ini seocips kembali lagi akan membagikan widget blog efek popup yaitu widget email subscribe box efek popup atau yang lebih kita kenal dengan widget berlangganan artikel. Salah satu kelebihan template ini adalah tempilannya yang wow kelihatan mewah dan profesional. Nah bagaimana tampilan Popup Email Subscribe lihat gambar dibawah ini.

cara Membuat Email Subscribe melayang / Widget Berlangganan melayang di Blog Blogger Blogspot

Bagaimana keren kan? Untuk demonya pastinya sobat sudah lihat ketika memasuki halaman blog ini, jika belum jelas lihat saja kembali gan. Atau lihat Demonya Popup Email Subscribe di link dibawah ini:


Ingin menggunakannya juga sob? silahkan masukan kode dibawah ini di widget HTML template blog anda. Oh iya sebelumya berbicara mengenai popup baca juga: widget popup email subcription V2 dan Membuat popup dengan tombol. Ok lanjut gan.. letakan kode ini di widget HTML :

<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://lh3.googleusercontent.com/-rUv4L_9nz-8/T9sfSSJaZNI/AAAAAAAACf0/ETEgFKt-rR4/s128/exeideasopacity0.5.png');margin:0; overflow-y:auto;}
#exestylepopup {background-image: url(https://lh4.googleusercontent.com/-0KGpHt3WLGs/T7nxLEYST6I/AAAAAAAACMM/aVmAL4WV7pw/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://lh6.googleusercontent.com/-uSW_8HWcJII/T9shJ_kvWwI/AAAAAAAACgI/9xs1KMJtUtc/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=seocips', '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://lh4.googleusercontent.com/-tzQ8hBB6E18/T7dTe4L1CeI/AAAAAAAACKs/YEn0n2rxIVA/s128/exeideasblank.gif" id="exebutton" /></form></div></div>

Ganti tulisan seocips dengan id widget feedburnernya sobat dan simpan widgetnya, kemudian uji coba apakah berhasil atau tidak. ok sobat sekian postingan untuk saat ini dan semoga cara Membuat Email Subscribe melayang / Widget Berlangganan efek popup melayang di blog bermanfaat untuk anda.


0 Komentar untuk "Membuat Popup - Email Subscribe Melayang diblog"