Cara Membuat Widget Subcribe Email Blog

Widget subcribe via email (langganan) yang dipasang di blog merupakan widget yang digunakan untuk berlangganan artikel / postingan blog via email, tanpa harus lagi mengunjungi blog tersebut.

Cara Membuat Widget Subcribe Via Email

1. Silahkan anda daftar RSS Feed blog di FeedBurner

2. Aktifkan "Email Subcription" di menu "Publicive".
3. Harap catat alamat feed blog anda. Misalkan seperti alamat feed blog saya: http://feeds.feedburner.com/ombaron
4. Buka dashboard blod anda
5. Pilih tata letak > klik add gadget > Pilih HTML/JavaScript
6. Copy dan paste kan kode berikut ini kedalam kolom HTML/JavaScript

<style>
.hl-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0eTHBr5ocJ7z2BTsRnTIFW7vV-yb8e3qIl_m3MIH17beJKBvZvbWwb_VGXsoohx78K8R8x3i9IpsAST2V4GjBNKGtvEVWnshtMQMf98T_1nKtCvsKsDtYx98C7EkOERxHhxpbdebj4Ag/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:180px;
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=contohblognih', '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="contohblognih" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="hl-emailsubmit" value="Submit" type="submit" />
</form>
</div>

- Ganti tulisan yang berwarna biru dengan Id FeedBurner anda bagian akhir. Contoh http://feeds.feedburner.com/ombaron

Itulah cara membuat widget subcribe email blog. Semoga bermanfaat bagi anda, selamat mencoba.