Membuat Form Langganan Email Unik

Seperti yang sudah kita ketahui blogger menyediakan widget  form langganan email untuk memudahkan para pembaca mendapatkan berita terbaru dari blog kamu, tapi jika kamu ingin membuat form dengan gaya kamu sendiri tidak ada salahnya juga. Berikut ini adalah beberapa langkah mudah yang harus kamu lakukan silahkan simak...

<style>
.langganan-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNCgr-aaRaCtRzMmBaDnuUgANLQJ1JCYWFStYmbd0C8r3amPxYYDee9ky9Pdz0qXNY0X8BhAv-csaZPvJCbWmfOx6AGpAkrli0krCvzVJ5zj_W2JVVS82DHYnzRxNc4FzP1wWmMxcDC9Q/s1600/langganan+email.png) no-repeat 0px 12px ;
width:300px;
padding:10px 0 0 55px;
float:left;
font-size:1.4em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
}
.langganan-emailsubmit{
background:#9B9895;
cursor:pointer;
color:#fff;
border:none;
padding:3px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:12px sans-serif;
}
.langganan-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px;
margin:6px 2px 6px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;  
width:170px;
color:#666;}
</style>
<div class="langganan-email">
Langganan Email <form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=hobbious/eopG', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if (this.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" value="Enter email address here" type="text" />
<input type="hidden" value="hobbious/eopG" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="langganan-emailsubmit" value="Submit" type="submit" />
</form>
</div>

Buka menu rancangan/design tempalte sobat,  tambah sebuah gadget dan pilih HTML javascript. jika sudah sobat bisa langsung paste kode diatas kedalamnya.
Note: Tulisan hitam yang dicetak tebal bisa sobat ganti dengan kata-kata sobat sendiri, sedangkan tulisan yang berwarna biru silahkan ganti dengan feed email kamu yang bisa dilihat di akun feed burner.
Untuk mengetahui alamat feed email kamu silahkan sobat masuk ke akun  feed burner dan pilih Publicize di sisi kiri ada tulisan Email Subscriptions, nah disitu akan ada kolom berisi kode, kamu cari kode dengan awalan >> http://feedburner.google.com/fb/a/mailverify?uri= << kode setelah tanda = adalah kode email kamu, sedangkan kode yang diatas adalah kode feed email saya.

Description: Membuat Form Berlangganan Email Rating: 4.5