Warung Online

Friday, November 12, 2010

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

2 comments em “Modifikasi Kotak feedburner atau Kotak Berlangganan”

  • November 12, 2010 at 7:53 AM
    Ragil Y.s Disse:

    :k:

    delete
  • February 6, 2011 at 9:08 AM
    Goomelar Disse:

    makasih bang buat info nya,, saya follow yah blog nya? asyik neh tutornya..
    follow balik ya bang

    delete

Post a Comment