Widget Follow via Email di Blogger

Widget Follow via Email saat berguna bagi pengunjung blog anda yang ingin mendapatkan update-an blog anda yang langsung di kirim ke email pengunjung. Yea langsung saja karena saya tidak bisa membuat kalimat yang enak untuk dibaca ^.^

Memasang Widget Follow via Email di Blogger :

• Pertama anda harus login blogger terlebih dahulu.
• Copy code dibawah ini.

<style>

.abt-email{

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4gXxvMElKP5f7dQ-gupRvIzCzt4Nrf93AnPkP2kFkrnX3CUGXpAtV2yxJsJyRL7R5dwHLvzdzd7stPOdRvu1qPAffLWa8l588MrjhdROjnJvm0p3_EU98VmE2ULJtlwQy2sk-kia-qc4/h120/service-email.jpg) no-repeat -10px 10px ;

width:300px;height:80px;

padding:10px 0 0 60px;

float:left;

font-size:1.2em;

font-weight:bold;

margin:0 0 0px 0;

color:#0084CE;

}

.abt-emailsubmit{

background:#333;

cursor:pointer;

color:#fff;

border:none;

padding:4.4px;

text-shadow:0 -1px 1px rgba(0,0,0,0.25);

-moz-border-radius:6px;

-webkit-border-radius:6px;

border-radius:6px;

margin-top:-5px;

font:12px sans-serif; box-shadow:inset 4px 4px 3px rgba(0,0,0,0.1);

}

.abt-emailsubmit:hover{

background:#0084CE; box-shadow:inset 8px 8px 6px rgba(0,0,0,0.1);

}

.textarea{background: #fff !important;box-shadow:inset 4px 4px 3px rgba(0,0,0,0.1);

border: 1px solid #d2d2d2;

padding: 0px 8px 0px 8px;

color: #888; font-size: 12px;

height: 25px; width: 165px;

border-radius: 5px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

margin:0px; }

</style>

<br />

<div class="abt-email">

<div style="margin-left: 30px;">

Follow via Email</div>

<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Aiioxml', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">

<input class="textarea" gtbfieldid="3" 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;;}" type="text" value="Enter email address here" />

<input name="uri" type="hidden" value="Aiioxml" /><input name="loc" type="hidden" value="en_US" />

<input class="abt-emailsubmit" type="submit" value="Submit" />

</form>

</div>

• Masuk pada tata letak (layout) dan klik tambahkan gadget (add gadget) pilih Javascript/HTML lalu pastekan code yang tadi dicopy.
• Simpan widget tersebut.

Catatan:
  * Pastikan anda sudah membuat Feedburner klik disini untuk mendaftar.
  * Ganti code warna merah (Aiioxml) dengan ID Feedburner anda.

Terima kasih anda telah membaca artikel tentang Widget Follow via di Blogger dan silakan anda baca artikel lainnya.