Modifikasi Tampilan Kotak Berlangganan Via Email

Jika Anda menginginkan lebih banyak orang yang berlangganan artikel Anda, tugas Anda sangat simple. Buat kotak berlangganan lebih unik dan menarik minta pembaca blog Anda. Ketimbang tampilan dasar yang polos, mungkin Anda ingin memodifikasinya sehingga tampil lebih bagus dan Anda bisa menambahkan kata provokasi yang akan benar-benar mujarab.



Tampilan standart kotak berlangganan feedburner adalah seperti ini

Enter your email address:


Delivered by FeedBurner

Kode untuk tampilan standart di atas adalah (saya copas langsung dari feedburner)

<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=masdoyokcom', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Enter your email address:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="masdoyokcom" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /><p>Delivered by <a href="http://feedburner.google.com" target="_blank">FeedBurner</a></p></form>

Saatnya modifikasi
Silahkan gunakan kode di bawah ini:

<div style="border:1px solid #ccc;padding:3px;text-align:center;background:url(http://authentikartists.com/wp-content/uploads/2009/10/feedburner.png) no-repeat top right;padding:25px 0px">
<p>Masukkan Email Anda dan Anda akan mendapatkan informasi menarik blog ini langsung di email Anda</p>
<p><form action="http://feedburner.google.com/fb/a/mailverify" target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=pancendoyok', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<p><input type="text" style="width:300px" name="email"/></p><input value="pancendoyok" name="uri" type="hidden"/><input type="hidden" name="loc" value="en_US"/>
<p><input type="submit" value="Berlangganan"/></p></form></p>
</div>

Hasilnya menjadi seperti ini

Masukkan Email Anda dan Anda akan mendapatkan informasi menarik blog ini langsung di email Anda

- Pada script di atas ganti yang berwarna merah pertama dengan alamat background.
- Yang berwarna merah kedua adalah pesan yang bisa Anda ganti sesuai keinginan Anda.
- Ada dua pancendoyok ganti keduanya dengan ID feedburner Anda.
- Angka 300 menunjukkan lebar kolom untuk pengisian email.
- Berlangganan adalah teks yang muncul pada tombol.

Semoga bermanfaat dan membuat kotak berlangganan Anda lebih cantik dan lebih memikat pembaca.