Cara Modifikasi FeedBurner Blog Anda

cara modifikasi feedburner

Bismillah - Bertemu lagi denga blog ki ade di malam hari sambil nunggu waktu sahur kita. malam ini sebenarnya banyak inspirasi untuku membuat postingan pada blogna ki ade, akan tetapi sementara saya simpan dulu sebagai draft untuk besok blogna ki ade nemenin anda semua ngabuburit.
Untuk postingan malam kali ini, blogna ki ade ingin mencoba dan mengajak para blogger untuk belajar memodifikasi logo FeedBurner.

Untuk modifikasi Feedburner ini, blogna ki ade menggabungkan 3 fitur yang ada di FeedBurner yaitu Email Subscribe, Feed Counter, dan Headline Animator dalam satu widget. Satu hal yang perlu anda ketahui, anda bisa menyesuaikan fitur itu dalam kebutuhan anda, jadi inti pada postingan ini adalah hanyalah modifikasi saja.

Langsung saja, blogna ki ade kasih satu contoh FeedBurner yang sudah di modifikasi dan di pasang pada blogna ki ade, dengan kode html sebagai berikut :

<style>
.kode-email{
background:url(http://2.bp.blogspot.com/-9bsDxQPBYxQ/UAwgzcNzIWI/AAAAAAAAAOc/3HbT6I5-dOw/s1600/Newspaper_Feed_256x256.png) no-repeat 0px 12px ;
width:225px;
padding:10px 0 0 55px;
float:left;
font-size:1.4em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
}
.kode-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;
}
.kode-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:170px;
color:#666;}
</style>
<div class="kode-email">
<a target="_blank" href="http://feeds.feedburner.com/~r/WaroengSeo/~6/1"><img src="http://feeds.feedburner.com/WaroengSeo.1.gif" alt="waroeng seo" style="border:0" /></a>Langganan Gratis 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=waroengseo', '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="Masukan Email Disini" type="text" />
<input type="hidden" value="WaroengSeo" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="kode-emailsubmit" value="Submit" type="submit" /><p><a href="http://feeds.feedburner.com/WaroengSeo"><img src="http://feeds.feedburner.com/~fc/WaroengSeo?bg=FF9900&amp;fg=444444&amp;anim=1" height="26" width="88" style="border:0" alt="" /></a></p>
</form>
</div>

Perhatikan semua yang di beri warna merah pada kode diatas!! Namun, yang perludi ingat, untuk kode pada blog anda, anda harus membuat nya pada FeedBurner.Google.com dengan akun anda, agar kode tersebut langsung direct ke akun anda. mohon maaf jika berbelit kata, tapi intinya semua feedburner bisa di edit dengan keinginan kita.
Demikian posting kali ini tentang Cara Modifikasi FeedBurner Blog Anda semoga bermanfaat dan bisa anda gunakan :)