Cara Membuat Form Email Subscription Blogger Sederhana

Subscribe Via Email

MbahPosting- Jika anda memberikan informasi yang berguna dalam blog anda, pasti banyak orang yang tertarik untuk membaca update terbaru dari blog anda. Untuk mempermudah mereka mendapat update artikel terbaru dari blog anda, dapat dilakukan dengan cara memberi form subscribe email di blog anda. Untuk membuatnya sangat mudah, ikuti langkah-langkah berikut:

1. Login ke akun Blogger anda->Dibagian dashboard pilih Layout->Klik "Add a Gadget".
2. Pilih Html/JavaScript
3. Copy code dibawah ini pada kolom "Content"

<style>
.hl-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ1xi9wGTXOSb0d-2qPALBHJPDk5subXbQHe5qOH8dsFpLszWP4cQmYD3NjJN55bEoipbcQq76rs5rPronlVvs_rqv_HchmJbtIv-mJ7XqjhbuUbpxE07yhW2jnZ_Wosjb0-lgsuJciDY/s1600/mail.png) no-repeat 0px 12px ;
width:300px;
padding:10px 0 0 55px;
float:left;
font-size:1.4em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
}
.hl-emailsubmit{
background:#9B9895;
cursor:pointer;
color:#fff;
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;
}
.hl-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:130px;
color:#666;}
</style>
<div class="hl-email">
Subscribe 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=MbahPosting', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == "") {this.value = "Enter email address here";}" onfocus="if (this.value == "Enter email address here") {this.value = "";}" value="Enter email address here" type="text" />
<input type="hidden" value="MbahPosting" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="hl-emailsubmit" value="Submit" type="submit" />
</form>
</div>

4. Untuk merubah bagian teks, tambah atau kurangi angka 130px diatas sesuai keinginan.
5. Ganti http://feedburner.google.com/fb/a/mailverify?uri=MbahPosting dengan link Feedburner Email blog anda. Link ini bisa didapat dengan cara masuk ke akun feedburner anda lalu di bagian Dashboard klik "Publicize" lalu klik lagi "Email Subscription".
6. Ganti MbahPosting dengan kata terakhir dari link feedburner anda. Contoh: jika link feedburnernya http://feedburner.google.com/fb/a/mailverify?uri=MbahPosting maka kata terakhirnya MbahPosting.
7. Jika sudah diganti klik save lalu lihat hasilnya.

Itulah Artikel Mengenai Cara Membuat Form Email Subscription Blogger Sederhana. Semoga Bermanfaat. Terima Kasih.