Cara Membuat Berlangganan Via Email Di Blog

Salam blogger, Mudah-mudahan hari ini semua tidak pada stress ya, soal nya pembahasan kita kali ini membuat agak sedikit stress yaitu Cara Membuat Berlangganan Via Email Di Blog, butuh konsentrasi penuh untuk mengikuti tutorialnya.

Fungsi dari Berlangganan Via email di blog yaitu Apabila ada seorang pengunjung yang memasukkan email via widget berlangganan ini, otomatis setiap blog kita update artikel terbaru maka artikel terbaru tersebut akan langsung terkirim ke email pengunjung yang berlangganan.

Dan untuk memasang nya di blog kita berikut cara-cara nya :
1. Buka situs www.feedburner.google.com (Bila belum memiliki account silahkan daftar dulu)
2. Disini saya menganggap Anda sudah terdaftar.
3. Klik menu Publicize > Email Subscriptions > Lalu ambil kode HTML nya :

4. Sekarang Masuk Pada Pemasangan Kode HTML
5. Masuk ke Blog Anda klik Tata letak > Tambah gadget > Lalu pilih HTML/Javascript
6. Paste kan Kode dibawah ini kedalam HTML/Javascript :

<style>
.kode-email{
background:url(http://i943.photobucket.com/albums/ad277/pakkuk/rss.gif) no-repeat 0px 14px ;
width:300px;
padding:10px 0 0 55px;
float:left;
font-size:1.4em;
font-weight:bold;
margin:0 0 10px 0;
color:#000000;
}
.kode-emailsubmit{
background:#9B9895;
cursor:pointer;
color:#000;
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;
}
.kode-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="kode-email">
Berlangganan via 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=eljohn-ussharinginformasi', '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="Eljohn-usSharingInformasi" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="kode-emailsubmit" value="Submit" type="submit" />
</form>
</div>

Keterangan :
Warna biru : ganti dengan URL gambar yang Anda sukai
Warna Merah : Ganti dengan kode HTML yang baru di ambil di Feed burner sebelum nya (kode no.3)

7. Pratinjau terlebih dahulu, bila tidak ada kesalahan baru di Save. Selamat mencoba.

Anda juga dapat membuat tutorial Cara Membuat Isi Label Tampil Dengan Judul Saja yang cara pembuatan nya sangat lah gampang.