Tutorial : Membuat Kotak Subscribe Email di Blog

Jangan berhenti untuk membuat tampilan blog kamu keren.
Ini salah satu tuto yang menurut Pro Blogger adalah salah satu widget wajib yang kamu pasang.
Kotak Subscribe Email di Blog.

Contohnya seperti ini :

Langkahnya :
1. Kunjungi FeedBurner untuk daftarkan RSS Feeds blog kamu.
2. Kemudian aktifkan Email Subscribtion di Publicize.
3. Copy URL nya di Headline Animator. Contoh : http://feeds.feedburner.com/HanabiDewi
4. Masuk ke Dashborad blog kamu.
5. Layout > Add Gadget > Add HTML/JavaScript
6. CoPas kode di bawah :

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

Note :

• Ubah yang berwarna merah dengan ID Feedburner kamu.
• Kamu juga bisa menggunakan Email Subscription yang disediakan oleh FeedBurner.

---

Terima Kasih Sudah Berkunjung dan Membaca Artikel ini ya ^^

---