Kotak Berlangganan (Subscribe Form) Simple Responsive

Kotak Berlangganan (Subscribe Form) Simple Responsive

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

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

1. Layout > Add a Gadget > pilih HTML/Javascript
2. Isi judul, misalnya Form Berlangganan
3. Copas Kode berikut ini.

<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 kode Feedburner Blog Anda. Jika belum punya, Daftar ke Feedburner.
5. Save!

Demikian Cara memasang Kotak Berlangganan (Subscribe Form) Simple Responsive. Good Luck and Happy Blogging! (www.contohblog.com).*

Labels: Desain Blog

Related Posts

0 Komentar untuk "Kotak Berlangganan (Subscribe Form) Simple Responsive"

1. Komentar spam, menyertakan Link Aktif dan Alamat Blog tidak akan muncul.
2. Tidak semua pertanyaan sempat atau bisa dijawab.
3. Bagi yang mau tanya, sebelum bertanya, silakan cari dulu di Kotak Pencarian di Sidebar.
Thanks for visiting and the comment :)

Contact Form

Name

Email *

Message *