Modifikasi Kotak feedburner atau Kotak Berlangganan

Kembali lagi dengan Agielweb(dot)Info.Selamat Berimajinasi dengan trik-trik yang Anda dapatkan.Kini saya akan membahas mengenai kotak FeedBurner,semakin banyak template yang modern dan Professional,Oleh sebab itu widget-widget yang kita miliki juga harus terlihat Professional bukan?
Feed Burner yang saya maksud adalah kotak berlangganan yang transparan dan memiliki Background.seperti pada gambar.


Langsung saja kita praktek

1. Tentunya buka akun Blogger Anda.
2.  Masuk ke Design dan add a Gadget
3. Pilih HTML/Javascript

Kemudian Copy Kode dibawah ini.

<style>
.form{border:1px solid #d8d8d8;background:#fff padding:3px;width:308px;height:200px;-moz-border-radius:6px}.rss{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPjpVWjlv6zKrRhgcUYNj4EmFtX2vgRd2SuCNJAzc7KemWiFCnRjUVmcQArXsBLm2dgAnz6Fb4jb70esXe9zUjqmEO0lNAwq9UmXDMEbh_ERHjrKq6tRQnN1XkK2x_mEZrbWfZg4GgK4g/s1600/feed.png") no-repeat top right}.button{background:#9b9b9b;color:#FFF;font-size:11px;font-family:Arial,Tahoma,Verdana;margin-left:5px;border:1px solid #fff;padding:3px 5px 3px 5px;font-weight:bold;-moz-border-radius:5px}
</style>
<div class="form">
<div class="rss">
<div style="font-weight:bold; color:#333333; font-size:15px; padding:10px 5px 5px 10px;"><a href="http://feeds.feedburner.com/agielweb"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVJJSCltFsq34G7DSc2S46ELOicI0hJ1h6o3xVrjj88g1RV7qro4Nha-2TpH1QcGj7kUW2mrPPn8BAmLOqsV0jPTJtQ6cNxrOJpExCpTDCSiCBbE_GHxMrMifpSdT0ZzCG5cc4X1ViDa0/s1600/rss+feed+icons+5.png" /></a> <a href="http://feeds.feedburner.com/agielweb">GET UPDATE VIA RSS</a></div>
<div style="font-weight:bold; padding:10px 10px;">GET UPDATE VIA EMAIL</div>
<div style="padding-left:10px">Jika anda suka dengan artikel di blog ini. Silahkan berlangganan via RSS. Isi alamat email anda di bawah ini!!</div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=agielweb', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><div style="padding-left:10px; padding-bottom:10px; padding-top:10px"><input type="text" style="width:160px; height:18px" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Ketik email anda disini...&quot;;}" onfocus="if (this.value == &quot;Ketik email anda disini...&quot;) {this.value = &quot;&quot;}" type="text" value="Ketik email anda disini..." /> <input type="hidden" value="agielweb" name="uri" /><input type="hidden" name="loc" value="en_US" /><input class="button" type="submit" value="SUBCRIBE" /></div></form>
Widget By <a href="http://www.agielweb.info/">Agielweb</a><div style="padding-left:10px"><a href="http://feeds.feedburner.com/agielweb"><img src="http://feeds.feedburner.com/~fc/egablogs?bg=99CCFF&amp;fg=444444&amp;anim=1" width="88" height="26" style="border:0" alt="" /></a></div>
</div></div>

Sebelumnya Edit Kode diatas

Ukuran border kotak berlangganan Anda.Ganti sesuai dengan tinggi dan lebar sidebar Anda.

Ganti dengan gambar feedcount anda

Ganti dengan id feedburner anda

Kode Gambar Background,Bisa Anda Ganti Sendiri

4. Simpan

Selesai...Dan lihat Hasilnya