Ok sobat, berikut ini seocips akan membagikan widget blog yaitu widget email subcribe efek popup atau yang lebih kita kenal dengan widget berlangganan artikel tapi dengan efek popup. Jika kamu belum tahu kegunaanya bisa baca artikel yang sudah kami bagikan sebelumnya: membuat widget berlangganan via email sederhana. Salah satu kelebihan widget ini adalah tempilannya yang kelihatan mewah dan profesional.

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

Tampilan Popup Email Subscribe ini adalah seperti gambar diatas. Bagaimana keren bukan? untuk lebih jelasnya kamu dapat melihat demonya dibawah ini:



Untuk menggunakannya sebelumnya sebelumnya blog sobat sudah terdaftar di Google Feedburner, kalau belum, baca: cara daftarkan blog ke Rss Feedburner. Oh iya berbicara mengenai popup baca juga: widget popup email subcription V2 dan Membuat popup dengan tombol. Ok berikut..

Cara memasang widget Feedburner melayang di Blog

Cara memasangnya, kamu tinggal memasukan kode di bawah ini ke dalam widget HTML/JavaScript di blog kamu:
<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 (berwarna diatas) dengan id widget feedburner milik kamu, simpan dan uji coba apakah berhasil atau tidak. Oh iya sob, jika kamu tertarik ingin memasang widget seperti ini dibawah postingan, coba baca:
Ok sobat sekian cara membuat email subscribe melayang / Widget Berlangganan efek popup melayang di blog, semoga bermanfaat.
3 Komentar untuk "Widget Email Subscribe Melayang/Pop Up di Blog"

kang kalau mau buat pop up daftar trus kita email ebok gratis ke yang daftar gimana caranya ya kang? suhun kang terimkasih

Coba pakai kontak form yang kayak gini:

http://www.seocips.com/2014/03/cara-membuat-contact-form-sederhana-di.html

Itu contact form biasa. tapi, jika pakai widget ini semua yang kamu positng di blog kamu bisa tampil di emailnya, kamu posting ebook maka akan tampil juga di emailnya. Untuk efek pop up sabar aja, nanti saya buatkan artikelnya.

blog nya mantap bro
kunjungi balik ya sob blog sederhana ane https://serbaserbi55.blogspot.com/