Modifikasi Kotak Feed Burner/Email Subscribtion

23.47    1 comment
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.

Enter your email address:


Delivered by FeedBurner
 kodenya :

<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"
 Contoh Modifikasi versi biasa


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.
 Contoh Modifikasi  versi kedua


Add to Google Reader or Homepage
Atau Berlangganan gratis Via Email Di bawah ini


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/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&amp;fg=444444&amp;anim=0&amp;label=listeners" 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 (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
Stock kotak email subscribtion feedburner modifikasi Ka Damar
Cara membuat : Gunakan kodenya persis seperti kode di atas 
 (kode Modifikasi  versi kedua)
Hanya ganti background image/gambarnya


 Subscribe in a reader

Atau Berlangganan gratis Via Email Di bawah ini


1) Url gambar --> http://lh3.ggpht.com/_7Y9pl24WpQY/SzjzzSSdfSI/AAAAAAAACkY/h-vjPZrttQc/mycircle_thumb2.jpg?imgmax=800


 Subscribe in a reader

Atau Berlangganan gratis Via Email Di bawah ini


(2) Url gambar--> http://lh5.ggpht.com/_7Y9pl24WpQY/SzjzgBEIK-I/AAAAAAAACjw/__u3TQ4MdlI/CorouD_thumb2.jpg?imgmax=800 

 Subscribe in a reader

Atau Berlangganan gratis Via Email Di bawah ini


(3) Url Gambar---> http://lh6.ggpht.com/_7Y9pl24WpQY/SzjzUnOjTSI/AAAAAAAACjY/QfSKf4dW9Ss/CocktailPartyrssfeedicons_thumb3.png?imgmax=800

 Subscribe in a reader

Atau Berlangganan gratis Via Email Di bawah ini


(4) Url Gambar---> http://lh5.ggpht.com/_7Y9pl24WpQY/Szj02AEYBlI/AAAAAAAACmA/hFvKF8Xw2-k/web20_thumb2.jpg?imgmax=800

 Subscribe in a reader

Atau Berlangganan gratis Via Email Di bawah ini


(5) Url Gambar ---> http://lh6.ggpht.com/_7Y9pl24WpQY/Szj0s9IeU4I/AAAAAAAAClo/v61D_SwvhTY/SmashingPNGrssfeedicons_thumb2.png?imgmax=800

 Subscribe in a reader

Atau Berlangganan gratis Via Email Di bawah ini


(6) Url Gambar---> http://lh6.ggpht.com/_7Y9pl24WpQY/Szj0PsxHMZI/AAAAAAAAClA/CXf2NwWjeDQ/Plainrssfeedicons_thumb2.png?imgmax=800

 Subscribe in a reader

Atau Berlangganan gratis Via Email Di bawah ini


(7) Url Gambar---> http://lh3.ggpht.com/_7Y9pl24WpQY/Szjz6jIIAwI/AAAAAAAACko/mEofs8scpUc/Orbitrssfeedicons_thumb4.png?imgmax=800

1 comments:

Langganan: Posting Komentar (Atom)