- Home >
- Tutor Blog >
- Cara membuat Form Berlangganan Email
Posted by : Deva
Senin, 26 Agustus 2013
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 :
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/BloggerCoepoe. Yang saya tandai warna merah bisa di ubah sesuai identitas blog anda
Membuat Form Berlangganan Untuk Sidebar
<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("http://3.bp.blogspot.com/_c6kkookxcew/sdzycinypwi/aaaaaaaaeiq/-wctpr_ksfm/s400/feedreader_2.jpg") 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8jKjEnXl7xHxlReNFjEP_UXs42BPa-R1nk2V71fwdUqnC1K-4tB4a0NWREy1x9yKV8qxIjywyHnJjrEy6IC4dyPfLrLHk-F1oV5KPU7DCaAlcQ-yWIsVJL6zCLQZJGT0_TS-1L1tDq6re/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBo0cutp0TJN7bI5ltHgXfodugEV5VC-XefwaHND9uzYUhlqb97AAXCfuRhyphenhyphenk6nMDZaHiBcISUEOXMnP2hPFJ8soSUq63o_r_OZusy2PUWNe8vrLQO-VZVwgOjsySwyV03eheWna-2Nx7t/s1600/Newspaper-db2.png" height="55" width="70" />
</td><td align="left" height="24" valign="top" width="205"><input onblur="'if" onfocus="'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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJkqtcXMiwW45T8Z307a24cB100hrRuRWO-_H-SPa-9kqNNG-MSrHbijLcn9aFrgeQe2-FhOBJ8ms91cfrFI7JZUDK-PDvNK6zM4hK4zSg65RYoR7CP2w-T6BLkK0oTInP12B2WS9xD85G/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>
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 :)
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 :
- Membuat Form Berlangganan Untuk Sidebar
- Membuat Form Berlangganan Untuk di bawah Postingan
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/BloggerCoepoe. Yang saya tandai warna merah bisa di ubah sesuai identitas blog anda
Membuat Form Berlangganan Untuk Sidebar
Model 1
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("http://3.bp.blogspot.com/_c6kkookxcew/sdzycinypwi/aaaaaaaaeiq/-wctpr_ksfm/s400/feedreader_2.jpg") 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8jKjEnXl7xHxlReNFjEP_UXs42BPa-R1nk2V71fwdUqnC1K-4tB4a0NWREy1x9yKV8qxIjywyHnJjrEy6IC4dyPfLrLHk-F1oV5KPU7DCaAlcQ-yWIsVJL6zCLQZJGT0_TS-1L1tDq6re/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBo0cutp0TJN7bI5ltHgXfodugEV5VC-XefwaHND9uzYUhlqb97AAXCfuRhyphenhyphenk6nMDZaHiBcISUEOXMnP2hPFJ8soSUq63o_r_OZusy2PUWNe8vrLQO-VZVwgOjsySwyV03eheWna-2Nx7t/s1600/Newspaper-db2.png" height="55" width="70" />
</td><td align="left" height="24" valign="top" width="205"><input onblur="'if" onfocus="'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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJkqtcXMiwW45T8Z307a24cB100hrRuRWO-_H-SPa-9kqNNG-MSrHbijLcn9aFrgeQe2-FhOBJ8ms91cfrFI7JZUDK-PDvNK6zM4hK4zSg65RYoR7CP2w-T6BLkK0oTInP12B2WS9xD85G/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>
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 :)
Navigation