Salah satu yang membuat tampilan blog semakin menarik adalah dengan ditambahnya widget feed untuk artikel lewat e-mail.
Banyak cara, yang digunakan untuk membuat widget tersebut, salah satunya adalah dibawah ini. Berikut adalah modifikasi dari tampilan widget feed yang pertama.
Mari kita mulai.
1. masuk ke blog sobat.
2. pilih rancangan kemudian tambah widget / halaman / add page
3. copy paste code dibawah ini :
(Tanpa Reader's)
<form style="background:url(http://i621.photobucket.com/albums/tt292/lolids/feedLOL1ds.jpg) no-repeat right bottom; 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=rouftracal', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Untuk berlangganan update artikel GRATIS, masukkan email anda dan anda akan mendapatkan artikel terbaru lewat email anda:</p><p><input type="text" style="width:168px; background:#ffd373" name="email" /></p><input type="hidden" value="rouftracal" name="uri" /><input type="hidden" name="loc" value="en_US" /><input style="margin: 0px; padding: 0px; width: 72px;background:#73ccff;" type="submit" value="Subscribe" /><p>Delivered by <a href="http://feedburner.google.com" target="_blank">FeedBurner</a></p></form>
keterangan :
1. untuk 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.
2. untuk warna merah dengan text “rouftracal” , sobat bisa ganti dengan ID / nama pada feedburner. misalnya : http://feeds.feedburner.com/rouftracal
Atau bisa juga menggunakan Reader's dengan widget milik artich
<form style="background:url(http://i621.photobucket.com/albums/tt292/lolids/feedLOL1ds.jpg) no-repeat right bottom; 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=rouftracal', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Untuk berlangganan update artikel GRATIS, masukkan email anda dan anda akan mendapatkan artikel terbaru lewat email anda:</p><p><input type="text" style="width:168px; background:#ffd373" name="email" /></p><input type="hidden" value="rouftracal" name="uri" /><input type="hidden" name="loc" value="en_US" /><input style="margin: 0px; padding: 0px; width: 72px;background:#73ccff;" type="submit" value="Subscribe" /><p>Delivered by <a href="http://feedburner.google.com" target="_blank">FeedBurner</a></p><p><a href="http://feeds.feedburner.com/ArtichOnline"><img src="http://feeds.feedburner.com/~fc/ArtichOnline?bg=CCFFFF&fg=CC0000&anim=1" height="26" width="88" style="border:0" alt="" /></a></p><p><a href="http://lolidsonline.blogspot.com/2011/02/cara-membuat-atau-modifikasi-widget.html">widget by artich</a></p></form>
Untuk warna “KODE BIRU” , sobat bisa ganti dengan widget dari feedburner. tentunya teman-teman harus sudah terdaftar dulu di feedburner.com
Hasilnya akan seperti ini : ( tinggal di EDIT sesuka Hati )
EDIT 1 :
EDIT 2:
Subscribe by E-mail & receive free updates of these cool Tips N Tricks straight to your inbox!
Silahkan Masukkan e-mail anda atau klik feeds untuk dapatkan UPDATE artikel menarik lainnya tips and tricks nge-Blog!, semoga bermanfaat Sobat.
Trimakasih.
Sumber Kopast From lolidsonline
