Cara Membuat atau Modifikasi Widget Feedburner

Kalau artikel sebelumnya saya sudah bahas tentang cara Membuat Form Berlangganan dengan FeedBurner.

Kali ini saya mau share Cara Membuat atau Modifikasi Widget Feedburner biar lebih menarik. Oke langsung KTK!!

1. Masuk ke blog sobat atau Dashboar.
2. Pilih Rancangan/Layout kemudian Tambah Widget/ Add Widget

3. Copy paste code dibawah ini :

<style>
.form {
border:1px solid #ccc; /* warna garis pinggir form */
background: #ffffff /* warna background form */
padding:3px; /* spasi form */
width:160px; /* panjang form */
height:225px /* tinggi form */
}

.rss {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7c30E7rRFe6AFVTUq_3aPijyuXfBkgFNMJjQnt4fPD3HmJsO8AHp72ITVKtUpX0eroLQxCX-eP0QcdGmo44lrrpdyvBCd8t7fnjrgSYTAWUB9lLhEJkiNhZzQsOPtG10eo7jHQnYK-F4/s1600/feed.png") no-repeat bottom right;}

.button {
background: #006699; /* warna tombol subscribe */
color: #FFFFFF; /* warna font subscribe */
font-size: 11px; /* ukuran font subscribe */
font-family: Arial, Tahoma, Verdana; /* font subscribe */
margin-left: 5px; /* margin kiri tombol subscribe */
border: 1px solid #234B69; /* warna garis pinggir tombol subscribe */
padding:3px 5px 3px 5px; /* jarak antara font dengan garis pinggir tombol subscribe */
font-weight: bold;}
</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/ysardika"><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqLKsphK9eEm1FUJJWuO2OT2XEuRM47uLFh41-jBJOJngBvQFdft82Sek3zKyJLA5hbBRUb0_00bQ3A51bbj2-xLxcGbdW2X1vlS48S1wsKXDHS7xPEt_qUoRV0Hj9qG2xsUFq5FSQGIY/s1600/feed-c.png" /></a> <a href="http://feeds.feedburner.com/ysardika">Gratis Berlangganan</a></div>


<div style="padding-left:10px"> Kirim Update Artikel dan Software Terbaru untuk Sobat Ysardika Langsung ke Email Sobat!</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=ysardika', '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:140px; height:20px" 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="ysardika" name="uri" /><input type="hidden" name="loc" value="en_US" /><input class="button" type="submit" value="GO" /></div></form>

<div style="padding-left:10px"><a href="http://feeds.feedburner.com/ysardika"><img src="http://feeds.feedburner.com/~fc/ysardika?bg=ff7c00&amp;fg=444444&amp;anim=0" width="88" height="26" style="border:0" alt="" /></a></div>
</div></div>

Keterangan :
1. Warna Biru: tidak berlu diperhatikan hanya keterangan biasa
2. Warna merah : sobat bisa ganti dengan URL image lainnya. atau bisa cari image di google dengan keyword feed terus upload biar punya URL image-nya.
3. Warna merah : Bisa diganti sesuka hati
4. Ysardika :sobat bisa ganti dengan ID / nama pada feedburner. misalnya : http://feeds.feedburner.com/ysardika

Hasilnya kayak gini:

ingat sebelum memulai kalian harus daftar dulu di feedburner dan aktifkan FeedCount yaitu:
1. Login di Feedbernur
2. liat di Publicize>>>FeedCount>>>klik active

Ukuran yang dipakai diatas adalah ukuran untuk blog ini, jadi sesuaikan dulu. Silahkan kreasikan sesuai keinginan!!
itulah cara Cara Membuat atau Modifikasi Widget Feedburner, jika ada kekurangan atau tidak jelas silahkan koment dibawah, nanti saya akan update

Description: Cara Membuat atau Modifikasi Widget Feedburner Rating: 4.5 Reviewer: Sardika - ItemReviewed: Cara Membuat atau Modifikasi Widget Feedburner

Sobat sedang membaca artikel tentang Cara Membuat atau Modifikasi Widget Feedburner dan Sobat bisa menemukan artikel Cara Membuat atau Modifikasi Widget Feedburner ini dengan URL http://ysardika.blogspot.com/2012/08/cara-membuat-atau-modifikasi-widget.html. Anda boleh menyebarluaskannya atau mengcopy paste-nya jika artikel Cara Membuat atau Modifikasi Widget Feedburner ini bermanfaat bagi Sobat anda, namun jangan lupa untuk meletakkan LINK Cara Membuat atau Modifikasi Widget Feedburner sebagai sumbernya.

<a href='http://ysardika.blogspot.com/2012/08/cara-membuat-atau-modifikasi-widget.html'>Cara Membuat atau Modifikasi Widget Feedburner</a>