Cara memasang kotak berlangganan Via Email diblog

Kotak berlangganan via Email/Subscribe via Email yaitu untuk memudahkan pembaca menerima update tulisan (Posting) diblog kita langsung

jadi, saat ada tulisan baru diblog kita, maka postingan tersebut akan langsung otomatis terkirim via Email pembaca, juga bagus buat popularitas blog kita.
widget ini salah satu elemen penting bagi blog kita

Cara memasang kotak Berlangganan Via Email

1. login terlebih dahulu diBlog anda

2. pilih "tataLetak">"Add a Gadget">"HTML/JavaSript"

3. Copy kode berikut ini di kotak "contentnya

<style>
.hl-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcDAux61FYKkOUn_awUU3hG50_6yr8NDoWhQ5xNjSrajZm-fz0wMGAQJL-pqhJrVZC5jgwO1JRWVK4l0lbsk8pc43qMClpySxG0DduL_Db7SBgATU0t4Zm78NsRKP-d8Kv329fAkIcufEj/s1600/mail-box.png) no-repeat 0px 1px ;
width:300px;
padding:1px 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=SampinganBelajarBlogNih', '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="SampinganBelajarBlogNih" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="hl-emailsubmit" value="Submit" type="submit" />
</form>
</div>

4. lalu Save 

Keterangan ganti yang berwarna HIJAU dengan Gambar Mail anda sendiri dan yang berwarna MERAH ganti dengan feedburner anda sendiri

Gambar dibawah adalah koleksi Kotak Mail SB sendiri bila ingin dirubah gambarnya

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVNO-fjq5XR4hkzab0l4DcQn3dPYdkKz9sKnD03vzhggXivnfSZvHCIn1CZ73qOFG1OL0i-zh78MigBO1-BpPHFt8TQtcq7S7_0bPAQkXv2OXo0Tix1pG7mmfjWApBYt5wu-aDeiYoNLya/s1600/contact00.png

ttp:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZGU0Yt70LE_AZ24-TI5iQ3VeKEa6VtUUA23ZQrJXwYY-IVAklnyXMyRP6RefvMR37jRs_4tdNqLRMwOdaFCEZgBA9BDa-YjStmDWm-Kc5ORSk1mdlJfsEnpEIDFBtQHWUA2BQHL1ocdHl/s1600/contact01.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW0SzLxsavtiqsXJKTfRMR_rjPI-CJ2Wr_Pyniln3TH3RdTwjeNH3wZPOejO0TWidwcTyXomen4kosPVxSQ1aH0YM17Qbd49Fd-tVIN5NsVH9zFT4epeJqZ9mIeJUwhH6YjuVN-8YjVkc_/s1600/contact02.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPEiNLM0GTmr5gM44Q_JiycwyL1m9i3WFWEBiPKRMUuxsJ7QLHhMzUAXoBimUzDg7ONUUYeddFeSAQ1CbFppWEhV2CEsiwZk6tzomVUnEpmIUXLfMCkAu3g4oEuIpOwiRN960AgStpt0Pr/s1600/contact03.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOF7mrlZBHmNF3xYmNx9MhwgIaRr1YsUw_gQDGWRWqFqdbi1mjHA-yqAiN6bRnYUipo_dVbHU8qPg-NJPPpymJv8DAmlsgHA9ebpnaYbNhA8bXFoJg8Ssy-i5ACGOvn6ovVqUwgsvOiyRo/s1600/contact04.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmzHdo9t-iULOoWen_XJy2i6jN2lFVOQgxWA_E7MryfzN3dFM9cKLNL3lrIS6p0ycZEfsbt9ezHP8QJ8K-Av2T4V5RG9dVnqywmdATJxDNg58ImNc6dckcxzj3I6n97b2Te_TuT35e6aN_/s1600/contact05.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif6XDPHRN7P_ET1s-LTH7N9MreeUkgcaUG3WLmzf-OMKEitDBYEIzlH88rODyNg72T5ROrZhD3LM0lvjO0DwWLNcR2G-qtFNfXNwPfFCgRineOiehEY19dl9it2DxW-apTmnw24RxTqwJK/s1600/contact06.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9fx3VF1cx2fRM8jo72WX6NlctpC7s-0IGudz0vvGTcNwn8b2qOr854aDwJraPggWO_EZ9tex1h4IWheTco9V2UaOnWox0pcQjV1BsAewdNDeSUkMl9v__1qyyZbm96H4s6neWWb2I3mBk/s1600/contact07.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEVAewg_rvxOhcqPVSTTgwRktVIFusWBMnb8zK8AnIka50137XdObslqMQNLtVO2v1QjITo8OgObwQpdtGJUutVOA282liv1JM7OhuO5j8Jh0bGQSamhd0CXlDlVMJouuKYgjzI7DLZ9qu/s1600/contact08.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5bw7hPf6igIAQkRLlMuRAmt-cwz59Dq4ww4JNHeU5Nc_f8RIH8b1w7DUC4p1Z_dmyOnHmBDnDhhUaiHKuI4AJo1u3oKt-vpxk9QyiwLhwrxCZJI95qbT21TvwJ1L3yipwYb0g-5ZPhi3n/s1600/contact09.png