Header Ads

Breaking News
recent

Cara Membuat Form Berlangganan Via Email Yang Keren


Cara membuat feed berlangganan via email
Blogger-Revian-4rt | Cara Bikin Form atau Widget Kotak Berlangganan via email. Bagaimana wujudnya ?, Coba lihat gambar di samping atau perhatikan form berlangganan di pojok kanan atas blog ini.. Nah begitulah kira-kira :), Bagi yang belum mengetahui, itu fungsinya apa toh ?

Fungsi form berlangganan:
Pengunjung bisa mendapatkan updated terbaru artikel yang di posting di blog kita melalui emailnya masing-masing

Caranya ?
Tentu saja pengunjung harus mendaftarkan emailnya di form yang sudah di sediakan, seperti contoh diatas. Anda ingin berlangganan artikel terbaru dari Revian-4rt ? - silahkan daftarkan melalui email anda dan jangan lupa aktifkan melalui email konfirmasi yang di terima setelah pendaftaran selesai.

Emang punya pelanggan apa gunanya ?
Tentu saja sangat berguna. Semakin banyak pelanggan akan semakin banyak pengunjung yg mampir ke blog kita, apalagi jika kita sering posting artikel baru. Pelanggan pun akan menerima email setiap ada updated terbaru dari blog kita :)

Gimana cara bikinnya ?
Gampang, ikutin aja petunjuknya di bawah. Saya akan memberikan tip bagaimana :
  1. Membuat Form Berlangganan Untuk Sidebar
  2. Membuat Form Berlangganan Untuk di bawah Postingan
Pertama, Daftar dulu di feedburner.com, tujuannya untuk mendapatkan alamat feed blog kita. Tidak perlu saya jabarkan bagaimana cara mendaftarnya, karena langkah-langkahnya sangat mudah. Tinggal masukkan alamat blog sobat, selanjutnya ikutin sesuai navigasi yang ada di webnya. Saya yakin tidak sulit. Tapi ada satu yang harus di perhatikan. Setelah pendaftaran, jangan lupa "Aktifkan" fungsi Email Subscribtions. Klik Tab Publicize >> KlikEmail Subscribtions >> Aktifkan




Klik Edit Feed Details, selanjutnya akan muncul tampilan seperti gambar di bawah ini :


Yang harus di perhatikan adalah Alamat URL Feed blog kita, contohnya punya Blogger Coepoe alamatnya: http://feeds.feedburner.com/Revian-4rt. Yang saya tandai warna merah bisa di ubah sesuai identitas blog anda

Membuat Form Berlangganan Untuk Sidebar
Model 1


FeedLangganan Artikel Terbaru BC via Email

» Cek Email Anda untuk konfirmasi berlangganan


Script Model 1 



<form onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Revian-4rt', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" action="http://feedburner.google.com/fb/a/mailverify" style="border: 0px solid rgb(222, 222, 222); padding: 3px; text-align: left; background: url(&quot;http://3.bp.blogspot.com/_c6kkookxcew/sdzycinypwi/aaaaaaaaeiq/-wctpr_ksfm/s400/feedreader_2.jpg&quot;) no-repeat scroll right center rgb(255, 255, 255);" target="popupwindow" method="post"><input value="en_US" name="loc" type="hidden" /><input value="Revian-4rt" name="uri" type="hidden" />

<p style="text-align: left; margin-bottom: 3px;"><b><img style="margin: 0pt 5px 5px 0pt; float: left; cursor: pointer;" alt="Feed" src="http://4.bp.blogspot.com/-GjjAGegmku0/T4uZLat1H7I/AAAAAAAAGC0/UhFrfNdpAnc/s1600/feed-jobindo.png" border="0" height="16" width="16" />Langganan Artikel Terbaru BC via Email</b>

</p><table style="margin-bottom: 3px;" border="0" cellpadding="0" cellspacing="0" width="400"><tbody><tr><td rowspan="2" valign="top" width="75"><img src="http://1.bp.blogspot.com/-hoLiqdvXLQE/T4ukuDm_Q9I/AAAAAAAAGDA/tfRIiEwN_bA/s1600/Newspaper-db2.png" height="55" width="70" />

</td><td align="left" height="24" valign="top" width="205"><input onblur="&#39;if" onfocus="&#39;if" style="width: 200px;" class="feedinput" value="Masukkan Email" name="email" size="200" type="text" /></td><td align="left" valign="top" width="119"><input id="imageField" src="http://4.bp.blogspot.com/-31bUxf5s9OE/T4uYbg_YLzI/AAAAAAAAGCo/-b3g1GnFguU/s1600/subscribe-dbjobindo.png" name="I2" type="image" align="left" height="24" width="82" />

</td>

</tr>

<tr>

<td colspan="2" align="right" height="24" valign="top"><div align="left">» Cek Email Anda untuk konfirmasi berlangganan</div></td>

</tr><tr></tr>

</tbody></table></form>
Model 2


Berlangganan artikel RESEP MASAKAN 
secara gratis, Silahkan masukkan Email

ResepKulinerInd


Script Model 2 



<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=Revian-4rt&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='border:0px solid #ccc;padding:3px;text-align:left; background: #ffffff url(&apos;http://i37.photobucket.com/albums/e74/mrphoto16/Hermanblog/logo_RSS.png&apos;) no-repeat right' target='popupwindow'>
<input name='loc' type='hidden' value='en_US'/><input name='uri' type='hidden' value='Revian-4rt'/>

<div class='feedburner-onpost'>
<font color='#000000'>Berlangganan artikel RESEP MASAKAN <br />secara gratis, Silahkan masukkan Email</font>
<table border='0' cellpadding='0' cellspacing='0' style='margin-bottom:3px;' width='232'>
<tr><td width='150'><input class='feedinput' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;&quot;}' onfocus='if (this.value == &quot;Tulis email bunda disini&quot;) {this.value = &quot;&quot;}' size='20' style='width:150px' type='text' value='Tulis email bunda disini'/></td>
<td align='right' valign='top' width='82'><input align='left' height='24' id='imageField' name='I2' src='http://2.bp.blogspot.com/_C6KkooKXCEw/TICkhW8aXjI/AAAAAAAAGz0/pfMYYIZEvSQ/s200/subscribe-zoom-c.png' type='image' width='82'/></td>
</tr></table><a href='http://feeds.feedburner.com/Revian-4rt' rel='nofollow'><img alt='ResepKulinerInd' height='26' src='http://feeds.feedburner.com/~fc/Revian-4rt?bg=666666&amp;fg=FFFFFF&amp;anim=1&amp;label=listeners' style='border:0' width='88'/></a>
</div></form>


KETERANGAN :
Warna Merah : Diganti dengan Nama Feed blog anda
Warna Biru : Text yang bisa di ganti dengan kalimat bebas
Warna Ungu : URL image backsground, bisa di ganti dengan background sesuai selera anda

Tinggal pilih mana model yang sesuai selera, kemudian Copy Paste script diatas ke sidebar dengan pilihan HTML/JAVASCRIPT, letakkan sesuai yang di kehendaki. Selamat mencoba Cara Membuat Form Berlangganan Email. Bagaimana, keren bukan ? :)

Lalu bagaimana cara membuat form berlangganan di bawah postingan (footer) seperti blog ini ? Caranya akan saya tulis di artikel selanjutnya. Mohon bersabar :)

Tidak ada komentar:

Diberdayakan oleh Blogger.