Cara Membuat Kotak Feedburner Lebih Keren Dengan Menu twitter dan Facebook

 
Memasang Feedburner di blog sangatlah penting karena dengan memasang feedburner akan memudahkan visitor blog untuk berlangganan artikel Melalui e-mail.
contoh tampilan kotak feedburner standard seperti gambar di bawah ini.

Dengan tampilan seperti itu tentunya kurang menarik karena hanya ada menu berlangganan via e-mail saja, disini saya akan memberikan tutorial cara memasang kotak feedburner yang lebih menarik dengan tambahan menu facebook dan twitter, contohnya seperti gambar di bawah ini.

dengan tampilan seperti gambar di atas tentunya kotak feedburner anda akan lebih menarik jika di bandingkan dengan tampilan yang standard, cara memasangnya cukup mudah anda hanya perlu mengcopy kode dalam teks area di bawah ini.

<div style="background-color : #ffffff;padding-top:10px; border: 1px solid #ccc;"> <a href="http://feeds.feedburner.com/blogcapoenk" target="_blank" title="Subscribe To The Latest Posts"><img style="float:left; width:30px; height:30px; margin-right:5px" src="http://img171.imageshack.us/img171/162/rssicons.jpg" /></a><a href="http://feeds.feedburner.com/blogcapoenk" target="_blank" title="Subscribe To The Latest Posts"><b><u>Berlangganan Artikel Cafe ilmu Gratis</u></b></a> , kami akan kirim artikel terbaru setiap saat! <br /> <center> <b>Silahkan Masukan E-mail Untuk Berlangganan!</b> <form style="padding-top:6px;" id="subscribe" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogcapoenk', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <input type="text" value="Alamat e-mail kamu..." id="subbox" onfocus="if (this.value == 'Enter your email address...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Enter your email address...';}" name="email" style="width:170px;" /> <input type="hidden" value="blogcapoenk" name="uri" /> <input type="hidden" name="loc" value="en_US" /> <input style=" padding-left:3px; padding-right:3px; border: 1px solid #333333; cursor: pointer; background-color: #000000; nbsp; color: #FFFFFF;" type="submit" value="Submit" /> </form> </center> <center> <table border="0"> <tr> <td> <a href="http://www.facebook.com/arieadie30" target="_blank" title="Connect On Facebook"> <img style="width:54px; height:54px;" src="http://img29.imageshack.us/img29/3497/facebookiconf.jpg" /></a> </td> <td> <a href="http://twitter.com/lindamarlina40" target="_blank" title="Let's be friend. lols."> <img style="width:54px; height:54px;" src="http://img291.imageshack.us/img291/3765/twittericon.jpg " /></a> </td> <td> <td> <a href="http://feeds.feedburner.com/blogcapoenk"><img src="http://feeds.feedburner.com/~fc/blogcapoenk?bg=CCCCCC&fg=444444&anim=0" height="26" width="88" style="border:0" alt="" /></a> <script type="text/javascript" language="JavaScript" src="http://twittercounter.com/embed/lindamarlina40/ffffff/111111"></script> </td> </td> </tr> </table> </center> </div>

keterangan : 
- Ganti blogcapoenk dengan Url/kode Feedburner anda
- Ganti lindamarlina40 dengan Username Twitter anda
- Ganti arieadie30 dengan ID facebook anda

Cara Pemasangannya :
1. login di blogger[dot]com
2. tata letak
3. tambah gadget
4. pilih HTML/javascript
5. pastekan kodenya dan klik simpan

Sekian Tutorial Memasang Kotak berlangganan E-mail Feedburner menjadi lebih keren yang dapat saya berikan semoga bisa bermanfaat.