Form subscriber bergambar

Makasi ya sebelumnya karena para blogger udah banyak yang memotivasi untuk tetap semangat dan fokus terhadap apa yang lookj kerjakan. Lookj udah bisa mulai semangat kembali dan menemukan mood nulis, buktinya sekarang ada posting tutor lagi nih. Ini juga lagi latihan ngasi tutorial ke orang agar kualitas tulisannya gak turun-turun dan masih bisa diserap ditelinga anda para netter maupun blogger semua. Posting tutorial ini sudah direncanain bulan lalu tetapi baru kesampaian bulan ini, jah males banget lookj ini yak? lookj akan memposting tentang bagaimana membuat subscribe email dari feedburner yang bergambar dan mantap punya seperti yang anda lihat di blog ini(narsis mode:on). Sebelumnya anda mesti buat dulu account di feedburner yah karena lookj tidak akan menjelaskannya, panjang banget bok. Kalo sudah punya akun di feedburner baru bisa mengikuti tutorial ini. Gimana? menyanggupi? kalo sudah ya tinggal lihat dan terapkan aja tutorialnya.

Sebelumnya, saya ada 2 cara untuk make over feedburner anda

A. Original form

Coba deh kamu buka akun feedburnermu dan cari kode untuk menempatkan form subscriber di blogmu, tenang ya, daripada klak klik sana-sini n tersesat, saya sepertinya mesti turun tangan lagi nunjukin dimana nyari kodenya:












Nah kode yang kamu dapetin so pasti kaya gini kan?

<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://www.feedburner.com/fb/a/emailverify" method="post" target="popupwindow" onsubmit="window.open('http://www.feedburner.com/fb/a/emailverifySubmit?feedId=2597232', '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="http://feeds.feedburner.com/~e?ffid=2597232" name="url"/><input type="hidden" value="BliPutuBlog" name="title"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /><p>Delivered by <a href="http://www.feedburner.com" target="_blank">FeedBurner</a></p></form>

Untuk menambahi gambar maka gantilah yang saya blok warna merah dengan kode di bawah ini:

background:#fff url(http://alamatGambarKamu.jpg) center no-repeat;background-position:1px 100%;text-align:left;padding:5px 40px 5px 80px;border-top:0px solid #ffd324;border-bottom:0px solid #ffd324;

kodenya akan terlihat seperti ini:

<form style="background:#fff url(http://alamatGambarKamu.jpg) center no-repeat;background-position:1px 100%;text-align:left;padding:5px 40px 5px 80px;border-top:0px solid #ffd324;border-bottom:0px solid #ffd324;" action="http://www.feedburner.com/fb/a/emailverify" method="post" target="popupwindow" onsubmit="window.open('http://www.feedburner.com/fb/a/emailverifySubmit?feedId=2597232', '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="http://feeds.feedburner.com/~e?ffid=2597232" name="url"/><input type="hidden" value="BliPutuBlog" name="title"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /><p>Delivered by <a href="http://www.feedburner.com" target="_blank">FeedBurner</a></p></form>

tambahkan kode itu di edit html, simpan dan coba lihat, standar tetapi ada gambarnya bukan?

Untuk mengubah posisi gambar dan sebagainya ya tinggal utak-atik aja ya angka-angka dan huruf-huruf disana(yaeyalah), bete bete ah..ga mau jelasin.

B. Modifikasi

Biasanya netter dan blogger tidak akan puas kalau bentuk form subscribernya yang original, yaudah kalau gitu kita modif aja, guampang kok.

Letakkan kode ini di atas ]]</b:skin>

#feedburner_div{background:url(http://i389.photobucket.com/albums/oo334/futurejkool/feed-icon-1.png) top center no-repeat; padding:0 0 0 160px; height:90px}

Yang saya warnai merah ganti dengan url gambar yang anda inginkan ya, ukuran gambar sebaiknya 90x90, biar imut-imut gituh.., setelah itu tambah elemen halaman HTML/Javascript di blogmu, isi dengan kode:

<form action="http://www.feedburner.com/fb/a/emailverify" style="border:0px solid #ccc;padding:4px;text-align:center;" target="popupwindow" method="post" onsubmit="window.open('http://www.feedburner.com/fb/a/emailverifySubmit?feedId=2597232', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><div id="feedburner_div"></div><p>Daftarkan email anda untuk mendapatkan berita terbaru dari 'Peta Dunia Maya' langsung ke email Anda. GRATIS! </p><p></p><input style="width:140px" name="email" type="text"/><input value="http://feeds.feedburner.com/~e?ffid=2597232" name="url" type="hidden"/><input value="BliPutuBlog" name="title" type="hidden"/><input value="en_US" name="loc" type="hidden"/><input value="Berlangganan" type="submit"/></form>

ganti angka warna hitam dengan id feedburner anda, tulisan blok merah dengan tulisan semau anda, tulisan blok biru dengan nama feedburner anda. Simpan terus lihat, jang jang jang...bisa kan? kalau mau utak-atik ya tinggal ganti-ganti angka aja kan? hahaha, males jelasin mode:on. Gak, becanda kok, kalau mau ubah posisi gambar jangan ubah bagian ini tetapi kode yang tadi lookj suruh nempatin di atas ]]</b:skin> oke?tararengkyu buat blogger yang punya 2 cara ini, cuma repost aja kok. Oh iya, follower saya kok berkurang terus yak? dah gak sayang lookj lagi nih? ikut-ikutan si Bunny. Next posting saya akan membuat profil diri lookj ya agar profil yang di bawah itu bisa diisi dengan hal lain, menghemat tempat gituh..setuju gak? akhirnya blogger dan netter tahu gimana tampang lookj sekalian juga promo-promo. dikit.high quality jomger(jomblo blogger), wakakaka....