membuat widget Subscribe Email Di Blog

Disini saya akan membahas tentang Cara Membuat Subscribe Email Di Blog.Subscribe merupakan salah satu widget yang penting pada blog karena Subscribe Email memiliki fungsi sebagai penanda artikel baru yang diposting akan otomatis masuk kedalam alamat email yang terdaftar sehingga pengunjung dapat memantau blog langganannya sekaligus mendapat update artikel terbaru.


Cara untuk membuat widget Subscribe Email Di Blog cukup mudah,simak langkah berikut ini :
1. Log in ke blog kamu dulu
2. Pilih pengaturan / tata letak
3. Klik tambah gadget lalu add html
4. Masukkan kode dibawah ini kedalam konten :

<style>
.tips-email{
background:url(http://i1141.photobucket.com/albums/n581/fskhan619/orangeemaillogo1copy.png) no-repeat 0px 12px;
width:300px;
padding:10px 0 0 63px;
margin-top:10px;
float:left;
font-size:18px;
font-weight:bold;
margin:0 0 10px 0;
color:#36393A;
}
.tips-emailsubmit{
background:#9B9895;
cursor:pointer;
color:#fff;
border:none;
padding:5px;
text-shadow:0 -1px 1px rgbaundefined0,0,0,0.25);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:12px sans-serif;
}
.tips-emailsubmit:hover{
background:#F88017
}
.textarea{
padding:2px;
margin:6px 2px 6px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); font-size:13px;
width:140px;
color:#666;}
</style>
<div class="tips-email">
Subscribe via Email
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=pengembarabiru', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if undefinedthis.value == &quot;&quot;) {this.value = &quot;Email address here&quot;;}" onfocus="if undefinedthis.value == &quot;Email address here&quot;) {this.value = &quot;&quot;;}" value="Email address here" type="text" />
<input type="hidden" value="pengembarabiru" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="tips-emailsubmit" value="Submit" type="submit" />
</form>
</div>

5. Ganti blogspot/WXlTO menjadi Id feedburner mu ,untuk mengetahui id feedburner 
    kamu silahkan
    (jika belum memiliki feedburner silahkan daftar disini)
6. Klik save 

hasilnya akan seperti ini :

jika artikel ini bermanfaat silahkan tinggalkan komentar anda

Twitter Delicious Digg Facebook Stumbleupon RSS