27 Cara Membuat Form Berlangganan Via Email Yang Keren



Cara membuat feed berlangganan via email

Blogger-Coepoe | 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 blogger-coepoe ? - 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 >> Klik Email Subscribtions >> Aktifkan

Cara Membuat Form Berlangganan Via Email


Klik Edit Feed Details, selanjutnya akan muncul tampilan seperti gambar di bawah ini :
Cara Membuat Form Berlangganan Via Email 

Yang harus di perhatikan adalah Alamat URL Feed blog kita, contohnya punya Blogger Coepoe alamatnya: http://feeds.feedburner.com/BloggerCoepoe. 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=bloggercoepoe', '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="BloggerCoepoe" 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=ResepKulinerInd&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='ResepKulinerInd'/>

<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/ResepKulinerInd' rel='nofollow'><img alt='ResepKulinerInd' height='26' src='http://feeds.feedburner.com/~fc/ResepKulinerInd?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 :)

27 komentar:

AdityaReinaldo mengatakan...

Keren gan formnya.... Thx infonya..

diablo mengatakan...

bisa gak d tempatkan d samping related post????

Aurelia mengatakan...

nice review Gan

Bram mengatakan...

Informasi yang bagus, thanks sngt membantu

dpc faster blog mengatakan...

Hi! im soo in love with your blog.. keep on writing.. please visit my blog..

Ariel peterseng mengatakan...

gan.. yang tampilannya gitu gak ada lagi

Azim mengatakan...

makasih mas, tak coba meski ada sedikit kurang pas tapi bisa dipake

Satujuan IM mengatakan...

caranya ternyata simpel ya sob,, tapi kalo enggak tau ya jadinya susah juga hhehe

NUPTK mengatakan...

Cara mengecikan tablenya gimana ya..?

Anom mengatakan...

kenapa blog saya tidak dapat di daftarkan gan ?

ganyahoo.com mengatakan...

oke bro thanks ya. membantu banget..
jangan lupa visit ya website saya

KertasInfo.Net | Seo Trik | Dunia Tips | TutoriaL mengatakan...

Dulu udh pernah pasang tpi tidk sebagus ini, skrng mau pasang udh ndak ada tmpt lagi..emmm.. Makasih sob infonya.. Sukses slalu...

Ic Creem mengatakan...

Ini lebih keren daripada yang lain ... Thanks sobatt

Email Unik mengatakan...

Terimakasih sudah berbagi

HendraH mengatakan...

Nice Gan Akhirnya Berhasil (y)
thanks ya Gan Klu Berkenan jngan lupa Kunjungi Blog Saya yg newbie ini ya gan ^^

www.hendrawebshare.blogspot.com

Agus kompac mengatakan...

trims sob.saya coba pasang dulu

Download Satu Jari mengatakan...

makasih mas. work

Fun & Blogging mengatakan...

wah mantap banget tu sob, coba dulu

prahman mengatakan...

terimakasih masbro...
tolong lihat hasilnya di webku yah hehe

Rumput Kebar Penyubur Kandungan Alami mengatakan...

makasih mas bro,ijin sedot infonya

erjansupracipta mengatakan...

mksih infonya gan

Index Apk mengatakan...

weh, keren gan,,
langsung dicoba diblog saya..thank ya

Ananda go-Blog mengatakan...

Mudah - mudahan dengan kotak berlangganan buah karya mas bisa meningkatkan pelanggan RSS saya... Trims infonya... :)

Oh Jadi Begitu mengatakan...

makasih gan atas infonyaa

Gudang Game ISO PS2 | PS3 | PC mengatakan...

thx infonya sangat bermanfaat

Mau Anda mengatakan...

maksih gan, keren

Medkes mengatakan...

Keren Om, ntar dah pasangnya. Ane mau ganti tempe dulu...

Posting Komentar

Komentar ini di moderasi, silahkan berkomentar dan jangan beri link di kolom komentar. Cukup di kolom URL yang di berikan saja :) Thx kunjungannya