Kadang kita merasa bosan dan ingin merubah kotak email subscribtion atau berlangganan artikel via email yang diberikan oleh feedburner. Bagi Sobat yang pusing karena tidak tau bagaimana cara untuk memodifikasinya, mari bergabung bersama saya untuk memodifikasinya bersama. Sebenarnya, untuk memodifikasinya sangat mudah. Hanya diperlukan kode-kode. Antara lain kode yang dibutuhkan adalah, kode untuk background, kode untuk tulisan, link dan lain-lain. Bagi yang sudah tidak sabar, mari kita langsung menuju ke tutorialnya saja,
Ini adalah tampilan kotak feedburner/email subscribtion/berlangganan artikel versi default.
Kode'y :
<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/qRnkW', '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/qRnkW" 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>
Note :
1. Warna ungu (yang pertama) adalah alamat FEED Sobat.
2. Warna ungu (yang kedua) adalah nama uri/ID Sobat
3. Warna merah (yang pertama) adalah kata pembuka
4. Warna merah (yang kedua) adalah tulisan pada tombol
5. Yang bergaris bawah adalah kata " Delivered by FeedBurner"
Modifikasi versi biasa
Berlangganan artikel secara gratis.Masukkan alamat email Anda, kemudian verifikasi pada kotak masuk email
kodenya :
<div style="border:1px solid #ccc;padding:3px;text-align:center;background:url(http://authentikartists.com/wp-content/uploads/2009/10/feedburner.png) no-repeat top right;padding:25px 0px">
<p>Berlangganan artikel secara gratis.Masukkan alamat email Anda, kemudian verifikasi pada kotak masuk email</p>
<p><form action="http://feedburner.google.com/fb/a/mailverify" target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/qRnkW', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<p><input name="email" onblur="if (this.value == '') {this.value = 'masukkan email';}" onfocus="if (this.value == 'masukkan email') {this.value = '';}" style="background: white; width: 300 px;" value="masukkan email" />
<p><input type="submit" value="Berlangganan"/></p></form></p>
</div>
Note :
- Kode warna hijau adalah Url gambar. Sobat bisa ganti dengan Url gambar Sobat (Lihat Stok gambar saya di sini dan di sini) cara melihat url gambar ---> klik kanan pada gambar >> Copy image location/Copy image Url
- Kode warna merah (yang pertama) adalah kata-kata pembuka, Sobat bisa menggantinya dengan kata-kataSobat sendiri.
- Kode warna merah (yang kedua) adalah tulisan pada tombol. Sobat bisa menggantinya
- 300 adalah lebar kotak untuk menuliskan Email.
Modifikasi versi kedua
Kodenya :
<form action="http://feedburner.google.com/fb/a/mailverify" style="border:1px solid #ccc;padding:5px;text-align:left;background:#fff;color: #000000" target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/qRnkW'', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<div style="background:url(http://i622.photobucket.com/albums/tt309/kokobota/rss1.jpg)no-repeat top right;padding:10px 0px">
<p><a href="http://feeds.feedburner.com/blogspot/qRnkW" rel="alternate" type="application/rss+xml"><img src="http://www.feedburner.com/fb/images/pub/feed-icon16x16.png" alt="" style="vertical-align:middle;border:0"/></a> <a href="http://feeds.feedburner.com/blogspot/qRnkW" rel="alternate" type="application/rss+xml">Subscribe in a reader</a></p><p>Atau Berlangganan gratis Via Email Di bawah ini</p>
<p><input name="email" onblur="if (this.value == '') {this.value = 'masukkan email';}" onfocus="if (this.value == 'masukkan email') {this.value = '';}" style="background: white; width: panjang input px;" value="masukkan email" /><input value="Langganan" type="submit" /></p><p><p><a href="http://feeds.feedburner.com/blogspot/qRnkW"><img src="http://feeds.feedburner.com/~fc/blogspot/qRnkW?bg=99CCFF&fg=444444&anim=1" height="26" width="88" style="border:0" alt="" /></a></p>
</p></div></form>
Note :
- Warna ungu (yang pertama) adalah alamat FEED Sobat.
- Warna ungu (yang kedua) adalah kode Chicklet Chooser
- Kode warna hijau (yang pertama) adalah Url gambar. Sobat bisa ganti dengan Url gambar Sobat cara melihat url gambar ---> klik kanan pada gambar >> Copy image location/Copy image Url
- Kode warna hijau (yang kedua) adalah kode feed Count
- Kode merah adalah kata-kata, ubah sesuai selera.
- Yang bergaris bawah bisa Sobat ganti, antara lain
- white = warna bacground kotak untuk menuliskan email
- panjang input = panjang kotak untuk menuliskan email
- langganan = tulisan pada tombol
saran ilmu modifikasi yang menarik :) terimakasih kawan sudah berbagi