Saturday, 21 July 2012

Cara Mengedit Email Subscriptions ( FeedBurner )

Jika Feedburner Email Subscriptions udah terpasang di gadget blog anda , jangan merasa puas dulu . Feed dapat kita edit sehingga lebih menarik sehingga pengunjung blog betah nongkrong di blog anda . Jika sobat mau mengeditnya juga ikuti Tutorial berikut ini :

Kode yang kita dapatkan dari Feed biasanya seperti ini:

<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/pqLLw', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Enter your email address:</p><p><input type="text" style="width:140px" name="email" /></p><input type="hidden" value="blogspot/pqLLw" name="uri" /><input type="hidden" name="loc" value="en_US" /><input type="submit" value="Subscribe" /><p>Delivered by <a href="http://feedburner.google.com" target="_blank">FeedBurner</a></p></form>

Sekarang kita edit agar terlihat lebih menarik .
Warna = ganti dengan tulisan misalnya : Masukan Email anda di kolom ini
Warna = ganti dengan tulisan misalnya : Berlangganan
Warna = ganti angkanya sesuai lebar kolom yang anda inginkan
Warna = Hapus tulisan tersebut atau ganti tulisan delivered by jadi " desain oleh "
Warna = Bisa anda ganti dengan nama Blog Sobat

Kalau sobat mau memasang Background gambar tinggal tambahkan kode berikut ini:
<div style="background:url(http://up2share.com/file/7fnuk6e4i_feed4.jpg) no-repeat top right;padding:10px 0px"> ... </div>

Masukkan kode tersebut tepat di bagian atas kode sebelumnya . Dan hasilnya akan seperti ini :
<div style="background:url(http://up2share.com/file/7fnuk6e4i_feed4.jpg) no-repeat top right;padding:10px 0px"><form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/pqLLw', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Enter your email address:</p><p><input type="text" style="width:140px" name="email" /></p><input type="hidden" value="blogspot/pqLLw" name="uri" /><input type="hidden" name="loc" value="en_US" /><input type="submit" value="Subscribe" /><p>Delivered by <a href="http://feedburner.google.com" target="_blank">FeedBurner</a></p></form></div>

Artikel Terkait

Bijaklah dalam berkomentar
EmoticonEmoticon