√ Cara Menciptakan Kotak Berlangganan Via Email Simple Responsive

Berikut ini instruksi dan cara memasang Kotak Berlangganan (Subscribe Form) Simple Responsive di sidebar blog.

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

1. Layout > Add a Gadget > pilih HTML/Javascript
2. Isi judul, contohnya Form Berlangganan
3. Taruh Kode berikut ini di kolom konten.


<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(&apos;http://feedburner.google.com/fb/a/mailverify?uri=FEED-ID&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);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 == &quot;&quot;) {this.value = &quot;Enter your email..&quot;;}' onfocus='if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}' type='text' value='Enter your email..'/>
<button id='berlangganan-button' type='submit'>SUBMIT</button>
</form></div>


4. Ganti FEED-ID dengan instruksi Feedburner Blog Anda.
5. Save!
Sumber http://tiksatuweru.blogspot.com

Mari berteman dengan saya

Follow my Instagram _yudha58

Baca juga:

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: