Blog Personal tentang tips Blogging dan Internet Marketing

Cara Membuat Email Subscribe PopUp

Pada postingan yang lalu, saya sudah memperkenalkan cara membuat subscribe email model Bengkel Blog yang terletak di bawah postingan. Kali ini saya akan membagi kepada Anda cara membuat subsrcibe email PopUp, yang biasa digunakan oleh para internet marketing untuk mempromosikan websitenya.

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.

title=

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.

Tambahkan gadget

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://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=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://lh4.googleusercontent.com/-tzQ8hBB6E18/T7dTe4L1CeI/AAAAAAAACKs/YEn0n2rxIVA/s128/exeideasblank.gif" id="exebutton" /></form></div></div>
Ayo Like Facebooknya
Tag : Blogging

Share this:

Share this with short URL: Get Short URLloading short url

Berlangganan :
Masukan e-mail Anda untuk mendapatkan kiriman artikel terbaru dari langsung di pesan kotak masuk.

feedburner


Anda telah membaca artikel :
Cara Membuat Email Subscribe PopUp
Semoga bermanfaat, Terima kasih.
Cara style text di komentar Disqus:
  • Untuk menulis huruf bold silahkan gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic silahkan gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline silahkan gunakan <u></u>.
  • Untuk menulis huruf strikethrought silahkan gunakan <strike></strike>.
  • Untuk menulis kode HTML silahkan gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silahkan parse dulu kodenya pada kotak parser di bawah ini.

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

Tidak ada komentar

Back To Top