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.
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.
<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/CJeXI', '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/CJeXI" 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 :
- Warna ungu (yang pertama) adalah alamat FEED Sobat. (http://feedburner.google.com/fb/a/mailverify?uri=blogspot/CJeXI)
- Warna ungu (yang kedua) adalah nama uri/ID Sobat (blogspot/CJeXI)
- Warna merah (yang pertama) adalah kata pembuka (Enter your email )
- Warna merah (yang kedua) adalah tulisan pada tombol (Subscribe)
- Yang bergaris bawah adalah kata " Delivered by FeedBurner"
Berlangganan artikel secara gratis.Masukkan alamat email Anda, kemudian verifikasi pada kotak masuk email
kodenya menjadi seperti ini,
<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/CJeXI', '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.
kodenya :
Note :<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/CJeXI'', '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://fusion.google.com/add?feedurl=http://feeds.feedburner.com/blogspot/CJeXI"><img src="http://buttons.googlesyndication.com/fusion/add.gif" width="104" height="17" style="border:0" alt="Add to Google Reader or Homepage"/></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/CJeXI"><img src="http://feeds.feedburner.com/~fc/blogspot/CJeXI?bg=99CCFF&fg=444444&anim=0&label=listeners" height="26" width="88" style="border:0" alt="" /></a></p>
</p></div></form>
- Warna ungu (yang pertama) adalah alamat FEED Sobat.
- Warna ungu (yang kedua) adalah kode Chicklet Chooser (Cara melihat kodenya di sini)
- Kode warna hijau (yang pertama) adalah Url gambar. Sobat bisa ganti dengan Url gambar Sobat (Lihat Stok gambar saya di sini ) cara melihat url gambar ---> klik kanan pada gambar >> Copy image location/Copy image Url
- Kode warna hijau (yang kedua) adalah kode feed Count (Cara melihat kode feedcount baca di sini )
- Kode merah adalah kata-kata, ubah sesuai selera.
- Yang bergaris bawah bisa Sobat ganti, antara lain
- masukkan email = tulisan pada kotak untuk menuliskan email
- white = warna bacground kotak untuk menuliskan email
- panjang input = panjang kotak untuk menuliskan email
- langganan = tulisan pada tombol
Cara membuat : Gunakan kodenya persis seperti kode di atas
(kode Modifikasi versi kedua)
Hanya ganti background image/gambarnya
1) Url gambar --> http://lh3.ggpht.com/_7Y9pl24WpQY/SzjzzSSdfSI/AAAAAAAACkY/h-vjPZrttQc/mycircle_thumb2.jpg?imgmax=800
(2) Url gambar--> http://lh5.ggpht.com/_7Y9pl24WpQY/SzjzgBEIK-I/AAAAAAAACjw/__u3TQ4MdlI/CorouD_thumb2.jpg?imgmax=800
(3) Url Gambar---> http://lh6.ggpht.com/_7Y9pl24WpQY/SzjzUnOjTSI/AAAAAAAACjY/QfSKf4dW9Ss/CocktailPartyrssfeedicons_thumb3.png?imgmax=800
(4) Url Gambar---> http://lh5.ggpht.com/_7Y9pl24WpQY/Szj02AEYBlI/AAAAAAAACmA/hFvKF8Xw2-k/web20_thumb2.jpg?imgmax=800
(5) Url Gambar ---> http://lh6.ggpht.com/_7Y9pl24WpQY/Szj0s9IeU4I/AAAAAAAAClo/v61D_SwvhTY/SmashingPNGrssfeedicons_thumb2.png?imgmax=800
(6) Url Gambar---> http://lh6.ggpht.com/_7Y9pl24WpQY/Szj0PsxHMZI/AAAAAAAAClA/CXf2NwWjeDQ/Plainrssfeedicons_thumb2.png?imgmax=800
(7) Url Gambar---> http://lh3.ggpht.com/_7Y9pl24WpQY/Szjz6jIIAwI/AAAAAAAACko/mEofs8scpUc/Orbitrssfeedicons_thumb4.png?imgmax=800
