Cara Membuat Widget Subcribe

Pada Kali Ini Saya Akan Membagikan Cara Membuat Widget Subscribe Di Blog,Contoh Penampakan Widget Ini Dapat Di Lihat Di Blog Saya Ini " Get Update Via E-mail".

Okey Kalau Begitu Ikutin Langkah-langkah Berikut Ini..
1. Masuk Ke Bagian Edit Html Pada Blog Anda
2. Cari   ]]></b:skin> Kemudian Copy Kode Di Bawah Ini Diatas Kode Tadi..

/* Subscribe */
#subscribeaka {width:280px;height:auto;margin:0 0 10px 0;padding:10px;border:1px solid #1a1a1a;}
#subscribeaka p{color:#0089e0;text-shadow:0 0 1px #0089e0;font:bold 13px Terminal Dosis Light;text-align:center;}
.rss {background: url("http://i943.photobucket.com/albums/ad277/pakkuk/GreenRSSreader.png") no-repeat top right;background-size:46%;}
.input{margin:10px 5px 0 0;.margin:-10px 5px 0 0;float:left;width:110px;padding:5px 5px 5px 5px;border:1px solid #aaa;color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;font:normal 13px oswald;}
.input:focus {width:180px;background:rgba(15,15,15,0.55);color:#0089E0;text-shadow:0 0 2px #0089E0;border:1px solid #0089E0;box-shadow:inset 0px 1px 3px rgba(0,137,224,0.50);-moz-box-shadow:inset 0px 1px 3px rgba(0,137,224,0.50);-webkit-box-shadow:inset 0px 1px 3px rgba(0,137,224,0.50);}
.sbutton {border:1px solid #0089E0;text-shadow:#000 1px 1px 0;color:#fff;
font:normal 13px oswald;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:10px 0 0;.margin:-10px 0 0 0;float:right;padding:5px 0 5px 0;.padding:4px 0 4px 0;width:75px;background:rgb(95,173,221);
background:-moz-linear-gradient(top, rgba(95,173,221,1) 0%, rgba(72,165,219,1) 40%, rgba(0,137,224,1) 100%);background:-webkit-linear-gradient(top, rgba(95,173,221,1) 0%,rgba(72,165,219,1) 40%,rgba(0,137,224,1) 100%);}
.sbutton:hover{color:#aaa;background:rgb(0,137,224);background:-moz-linear-gradient(top, rgba(0,137,224,1) 0%, rgba(62,160,214,1) 40%, rgba(55,158,221,1) 100%);background:-webkit-linear-gradient(top, rgba(0,137,224,1) 0%,rgba(62,160,214,1) 40%,rgba(55,158,221,1) 100%);}

3. Kemudian Save Template..
4.Selanjutnya Masuk Ke Bagian Edit Tata Letak Blog
5.Tambah Widget HTML/Javascript Lalu Masukan Kode Dibawah Ini.

 <div id='subscribeaka'>
<div class='feedatas'>
<div class='rss'>
<p>Cukup Masukkan alamat email Anda untuk berlangganan di blog ini dan menerima pemberitahuan artikel terbaru melalui email anda. Bergabunglah dengan  pengikut lainnya...!</p>
<div style='font:normal 13px Oswald;'><a href='http://feeds.feedburner.com/Rms-Official'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCg3yXerwRxk718etocAzhSpAJZLwWVTycy9D4HC2KOKG7e_FZ_aXzZYLLMfAwgMibdZE0Csp-YBCLO8SKJt_fG6O9hIqgGaazL-aIOWZwl1nTs_vgLn6eaZG2aAUp_P8yMQ5atoXi18Ej/s800/005.png'/></a> <a href='http://feeds.feedburner.com/Rms-Official' style='color:#0089e0;' target='_blank'>GET UPDATE VIA RSS</a></div>
</div>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=Rms-Official&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><input class='input' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email here...&quot;;}' onfocus='if (this.value == &quot;Enter your email here...&quot;) {this.value = &quot;&quot;;}' type='text' value='Enter your email here...'/>
<input name='uri' type='hidden' value='Rms-Official'/><input name='loc' type='hidden' value='en_US'/><input class='sbutton' type='submit' value='Subscribe'/></form>
       </div>
<br/>
<br/>
<p><a href='http://feeds.feedburner.com/Rms-Official'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/Rms-Official?bg=0099FF&amp;fg=FFFFFF&amp;anim=1&amp;label=listeners' style='border:0' width='88'/></a></p>
</div>

6. Save Dan Liat Hasilnya.