Kotak Berlangganan (Subscribe Form) Seo Simple Responsive

Kotak Berlangganan (Subscribe Form) Simple Responsive - Kotak berlangganan ini memudahkan pengunjung untuk follow blog kita melalui email, sehingga posting terbaru blog kita akan otomatis dikirimkan Google (Feedburner) ke inbox email. Dari email itulah linknya diklik dan membuka halaman posting terbaru.

Cara Memasang Kode Kotak Berlangganan

Layout > Add a Gadget > pilih HTML/Javascript
Isi judul, misalnya Form Berlangganan
Copas Kode berikut ini.
Baca Juga
<style>
#berlangganan{position:relative;border:1px solid #ddd;margin:5px auto}
#berlangganan-form{height:30px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background:#fff;overflow:hidden}
#berlangganan-text{color:#ccc;border-width:0}
#berlangganan input[type="text"]{width:100%;padding:7px 0 7px 7px;outline:0}
#berlangganan-button{position:absolute;top:0;right:0;height:30px;margin:0;text-align:center;line-height:0;border-width:0;background:whitesmoke;cursor:pointer;font-size:12px;font-weight:bold}

</style>
<div id='berlangganan'>
<form action='http://feedburner.google.com/fb/a/mailverify' id='berlangganan-form' method='get' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=FEED-ID', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input name='uri' type='hidden' value='FEED-ID'/>
<input name='loc' type='hidden' value='en_US'/>
<input id='berlangganan-text' name='email' onblur='if (this.value == "") {this.value = "Enter your email..";}' onfocus='if (this.value == "Enter your email...") {this.value = ""}' type='text' value='Enter your email..'/>
<button id='berlangganan-button' type='submit'>SUBMIT</button>
</form>
</div>
Ganti FEED-ID dengan kode Feedburner Blog Anda. Jika belum punya, Daftar ke Feedburner.
Save!