Friday, October 14, 2011

Modifikasi Kotak Feed Burner/Email Subscribtion

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

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



     Subscribe in a reader
    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/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>&nbsp;<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&amp;fg=444444&amp;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
    Ping your blog, website, or RSS feed for Free
    Feedage Grade C rated
    Preview on Feedage: nail-art-polish-2012 Add to My Yahoo! Add to Google! Add to AOL! Add to MSN
    Subscribe in NewsGator Online Add to Netvibes Subscribe in Pakeflakes Subscribe in Bloglines Add to Alesti RSS Reader
    Add to Feedage.com Groups Add to Windows Live iPing-it Add to Feedage RSS Alerts Add To Fwicki