Cara Membuat Kotak Berlangganan Artikel di Blog

Dengan adanya berlangganan artikel ini pengunjung akan lebih mudah mendapat informasi dari blog kita langsung ke email pengunjung, sehingga pngunjung tidak bosan dengan blog kita. tentu masih banyak lagi manfaat dari berlangganan artikel ini.
bagaimana sih caranya membuat kotak berlangganan???


1. masuk ke akun blog anda
2. pilih Layout (tata letak)
3. klik "ad a gadget (tambah gadget) "  >>  pilih HTML/javascript

<style>
.mbt-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6aWGNi0X3fWAVStk6E-JyEz64fQlL-_GJnf3-y4B-BzR0tL9b64vSjzIiqaGWR7FofCaHhrlyu24_2x-uRWYnFS_fX1kobe5lxRD6NqAJ5_h_ycsDzGrBx7JemXEKRg9BsBAeg-_x-IKk/s1600/email.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;
}

.mbt-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;
}
.mbt-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="mbt-email">
Subscribe via Email
<form action="http://feedburner.google.com/fb/a/mailveri" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/KamuSegalanya?uri=TntByStc', '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="program" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="mbt-emailsubmit" value="Submit" type="submit" />
</form>
</div>

Klik Simpan Sebagai tambahan dalam membuat widget FeedBurner Subscription, ada beberapa hal yang harus sobat blogger ganti:

• Ganti http://feedburner.google.com/fb/a/KamuSegalanya=TntByStc dengan Email Feed link sobat

• Ganti program dengan Nama feed blog sobat. Untuk Mengetahui feed link dan nama feed blog sobat, sobat blogger harus login dulu di akun Google FeedBurner sobat.

semoga berhasil dan bermanfa'at

Artikel Terkait