Cara Membuat Pop Up Email Subscribed di Blog - Halo sobat blogger, kali ini ipoeng akan memberikan panduan membuat email subscribed yang akan muncul melayang (Pop up) di blog Anda.
Email subscribed yaitu adalah berlangganan artikel pada suatu web atau blog yang akan dikirim ke email. Jadi, jika anda sesorang melakukan subcribed email pada blog Anda maka otomatis setiap artikel baru yang anda buat akan masuk ke emailnya. Ini salah satu trik marketing dan berguna untuk meningkatkan pengunjung.
Pada blogger ada widget untuk membuat Email Subscribed dengan mengunakan feedburner, yang hasilnya bisa anda lihat seperti dibawah ini :
Dengan Email Subscribed ini akan mempercantik tampilan blog Anda sekaligus tampak lebih profesional. Untuk membuatnya silakan ikuti langkah langkah Cara Membuat Pop Up Email Subscribed di Blog berikut ini :
1. Masuk ke Akun Blogger Anda.
2. Masuk ke Dashboard blogger anda lalu klik "Layout ( tata letak )" lalu klik "Add a HTML/JavaScript Gadget".
3. Pastekan kode di bawah ini di dalamnya.
<script type="text/javascript">
/*** Widget oleh
ipoeng(http://ipoeng.com)***/
function
wg_style_v4_popup(){document.getElementById('wg-style-v4-popup-main').style.display='block'}setTimeout('wg_style_v4_popup();',4000);
</script>
<style
type="text/css">
* html
#wgstylepopupdiv {
position:absolute;
}
#wgstylepopupdiv {
z-index:999;
display:block;
top:0;
left:0;
width:100%;
height:100%;
position:fixed;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF82JNQp7YFJ9nAGm4r9pcepGZScQ60KkludRoPffa_rzepEVhq3b_AR9sNPC4B1iDliVDZgOo2-SbTLnqYUL6mMGI6b9vMRw9cabxmBmJ463eywbPdyg9kImJB8nANrtMH_LybQjbN7Rm/s1600/wgspir.png);
overflow-y:auto;
margin:0;
}
.wgstylepopup {
width:619px;
height:475px;
position:fixed;
top:50%;
left:50%;
margin-top:-237.5px;
margin-left:-309.5px;
}
#wgstylepopup {
overflow:none;
background-image:url(https://dl.dropboxusercontent.com/u/23071021/Blogger/ipoeng/images/membuat-email-feedburner/membuat-email-feedburner.png);
background-repeat:no-repeat;
}
form#wgstylepopup {
display:block;
margin:0;
}
form#wgstylepopup
#wgfield {
position:absolute;
top:297px;
left:352px;
width:250px;
font-size:16px;
border:none;
background:transparent;
padding:10px;
}
form#wgstylepopup
#wgbutton {
position:absolute;
left:352px;
top:350px;
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="wg-style-v4-popup-main" style="display:none;">
<div
id="wgstylepopupdiv">
<div
id="wgstylepopup" class="wgstylepopup">
<center
style="color:#000;cursor:pointer;float:right;margin-right:10px;margin-top:-20px;"
onmouseup="document.getElementById('wgstylepopupdiv').style.display='none'">
<img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLsNFVsQaO9OkR0fAMKTbhv8ov7bfsiRZXpc8RkaAWesWeju5hY-vJoB5uDNQwWvjDyhHX3TQx6UkqckHLc0Ff3EuV5T89HaYwTEczLZ1GIHUH3O91Luq5xDn7QcThjASi3f-MVx29_yqQ/s1600/closebtnwg.png"/>
</center>
<form
id="wgstylepopup"
action="http://feedburner.google.com/fb/a/mailverify"
method="post" target="popupwindow"
onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ipoeng',
'popupwindow', 'scrollbars=yes, width=600, height=550'); return true">
<input
type="hidden" value="ipoeng"
name="uri"/>
<input
type="text" id="wgfield" name="email"
value="Masukkan Email disini..." />
<input
type="hidden" name="loc" value="en_US" />
<input
type="image"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLLYnGeOaNbrd56D25JyYYiF5XVGeJE9gFqFYStMICaubK5C7FhA9se6auJqX_lC8_ZVqgNoRmCEpyVUjKKJV4s6TcYDEFUmDXCeS5E-VAOsy3qhtMs9RH4VzdU9gJ8qo2TEfXW3uljbQh/s1600/wgtnn.gif"
id="wgbutton" />
</form>
</div>
</div>
</div>
Catatan :
- Ganti ipoeng dengan Id Feedburner milik Anda. Untuk mengetahui ID Feedburner anda, bisa lihat di : Cara Mengetahui ID FeedBurner Blog.
- Tekan Save/Simpan
- Selesai
Sangat mudah bukan ?
Semoga artikel "Cara Membuat Pop Up Email Subscribed di Blog" bermanfaat untuk Anda, jangan lupa terapkan di blog Anda agar lebih banyak pengunjung setia blog Anda.
6 Comments
To acquire a greater exposure for your facebook account, Folks expend funds to Buy Facebook Followers to quickly obtain publicity on internet.
ReplyDeleteordering facebook followers
makasih infonya gan..
ReplyDeleteok
ReplyDeleteDaftar Email Gmail
Boleh coba
ReplyDeleteTerima kasih infonya gan, saya cari gadget yg ringan responsive untuk feed burner ada gk yg lain
ReplyDeletethank infonya, tar mau coba saya pasang
ReplyDelete