Cara Membuat Subscriber Form (Kotak Berlanggan) Responsive Sidebar

Membuat Subscriber Box di Sidebar Blog - Sebenarnya untuk bisa mendatangkan visitor blog tidak hanya melakukan optimasi SEO agar blog bisa muncul di halaman pertama google. Ada banyak metode agar blog memiliki pengunjung setia diantaranya adalah dengan cara membuat kotak berlangganan email.

Kotak berlangganan email atau disebut subscriber form bukanlah metode baru dalam menjaring pengunjung setia blog. Sebenarnya cara ini sudah cukup lama dan telah banyak diulas oleh para blogger. Namun, belum banyak yang tahu bahwa subscriber form sangat berguna dalam meningkatkan visitor blog.

Kotak berlangganan memudahkan para pembaca setia blog kita dengan cara memberitahukan kepada follower yang telah melakukan subscribe melalui email, yang nantinya dikirim secara otomatis ketika kita melakukan update artikel terbaru.


Semakin tulisan Anda berkualitas, menarik dan dapat memberikan kepuasan kepada para pembaca blog, maka semakin besar kesempatan bagi blog Anda untuk mendapatkan pembaca setia melaui email subscriber box.

Sebelum membuat kotak berlangganan di blog, Anda harus memiliki ID FEEDBURNER.  Untuk mendapatkan id feedburner blog, Anda harus mendaftarkan blog ke Layanan feed dari feedburner.com terlebih dahulu

Bagi Anda yang belum mendaftarkan blog di feedburner silahkan baca: Cara Membuat Subscriber Email di Blogspot Menggunakan Feedburner

Cara Memasang Kotak Berlangganan Sidebar Blog

Berikut ini adalah langkah-langkah membuat subscriber form di sidebar blog dengan mudah.

1. Copy kode berikut

<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=xxxxxxxx&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>

  <input name='uri' type='hidden' value='xxxxxxxx'/>

  <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>
2. Masuk Dasboar Blog Anda: Pilih Layout > Add a Gadget > HTML/Javascript
3. Pastekan KODE yang telah Anda copy diatas di dalam kotak gadget.
4. Ganti kode xxxxxxxx dengan ID FEED yang telah Anda buat sebelumnya.
5 Terakhir, SIMPAN !

Bagaimana, mudah bukan ? untuk memastikan feedburner Anda bekerja dengan baik, silahkan tes menggunakan email apa saja. Misalnya masukkan email: gratiskan@yahuu.com, jika telah keluar notifikasi sukses ! itu tandanya kotak berlangganan Anda telah berfungsi dengan baik.



Demikian ulasan mengenai cara membuat kotak berlangganan sidebar blog, semoga bermanfaat bagi Anda yang sedang belajar di dunia blogging. Terimakasih atas kungjunganya. Kalau ingin maju, Dont COPAS OKE !

0 Response to "Cara Membuat Subscriber Form (Kotak Berlanggan) Responsive Sidebar"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel