Cara Modifikasi Kotak Berlangganan Feedbunner

Widget feedbunner modifikasi, lumanyan buat memperindah tampilan blog agan-agan yang pakai feedbunner.

Langsung aje nih gan :

1. Masuk pada Blogger

2. Rancangan > Elemen laman

3. Add Gadget > HTML/JavaScript

4. Pastekan kode berikut ini :

<style>
.form{border:1px solid #d8d8d8;background:#fff padding:3px;width:308px;height:200px;-moz-border-radius:6px}.rss{background:url("http://i56.tinypic.com/5y6kxi.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/id-feedbunner"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZLua1yylBh_npsfn70rAfk86DLkMNl3ru7dr1EnnX3cDMGt_N6KmY2vfLSP0RntVH_MBv2973GagpkyeOwROZSScJUeMhrA6Q4K2Y-QW4TVHr7aO1z_A_NoiJNvqoRbPRew2V1MUafZs9/s144/rss%20feed%20icon.gif" /></a> <a href="http://feeds.feedburner.com/id-feedbunner">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=id-feedbunner', '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="id-feedbunner" name="uri" /><input type="hidden" name="loc" value="en_US" /><input class="button" type="submit" value="SUBCRIBE" /></div></form>

** Penting ! Ganti http://i56.tinypic.com/5y6kxi.png URL background image anda.

5. Tulisan id-feedbunner ganti dengan id feedbunner teman-teman. Ganti URL gambar jika anda ingin menggantinya sesuai keinginan.

6. Simpan.

 

SUMBER