Modifikasi Kotak Feed Burner

Modifikasi Kotak Feed Burner/Email Subscribtion - Baca dulu : Cara membuat kotak feedburner. 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.

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/mdjiung', '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/mdjiung" 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.
Warna ungu (yang kedua) adalah nama uri/ID Sobat
Warna merah (yang pertama) adalah kata pembuka
Warna merah (yang kedua) adalah tulisan pada tombol
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/mdjiung', '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 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/mdjiung', '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/mdjiung" 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>

<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></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 dan 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

o masukkan email = tulisan pada kotak untuk menuliskan email

o white = warna bacground kotak untuk menuliskan email

o panjang input = panjang kotak untuk menuliskan email

o langganan = tulisan pada tombol

Stock kotak email subscribtion feedburner modifikasi Ka Damar
Cara membuat : Gunakan kodenya persis seperti kode di atas (kode Modifikasi Ka 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://i622.photobucket.com/albums/tt309/kokobota/rss1.jpg

(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

NB : Post ini akan diupdate !

Modifikasi Kotak Feed Burner

Artikel Terkait:

0 komentar:

Post a Comment