Cara Memodifikasi Kotak Kolom Email Subscriber dari FeedBurner

Mengedit kode HTML pada Kotak Berlangganan FeedBurner - Hai sobat, lama sekali saya tidak membuat artikel tentang blogger, entah kenapa sudah dua hari ini rasanya males mau menulis, hawanya bikin ngantuk terus, sekali jatuhin badan ke kasur, eh beberapa detik kemudian langsung gak ada hehe maksudnya udah gak ada di alam sadar. Hujan yang turun terus menerus di kota Jogja juga semakin menambah kemalasan, tiap hujan kan dingin tuh, enaknya ngapain hayo? Ya tidurlah, wkwkwkw. Udah - udah, ini mau bahas apa sih sebenernya? hehe. Ya udah, langsung saja ke pokok pembahasannya ya sob. Kali ini saya akan sharing tutorial tentang bagaimana cara mengedit tampilan kotak subscriber/ langganan pada Feedburner, sobat blogger sudah tahu apa itu Feedburner? Beberapa mungkin ada yang belum tahu seperti saya, dan sebelum artikel ini di buat, saya pun belum tahu lo tentang apa itu Feedburner dan fungsinya. Sebelum kita lanjut ke tutorial cara mengedit kotak tampilan subscriber dari feed burner, ada baiknya kita pahami dulu tentang apa itu Feedburner dan Fungsinya. 

Apa sih FeedBurner?

Menurut yang saya baca dari beberapa artikel, Feedburner adalah sebuah layanan dari Google untuk para penulis blog, agar artikelnya dapat ditemukan dengan mudah di mesin pencarian Google, dengan Feedburner, pemilik blog juga bisa mengetahui jumlah pembaca artikel blognya, fungsi lainnya bisa sebagai layanan subscribe/ berlangganan artikel kepada para pembaca blog, jadi seorang pembaca tinggal memasukkan emailnya pada kolom berlangganan Feedburner, kemudian pelanggan tersebut akan mendapatkan kiriman email dari Feedburner apabila ada artikel terbaru dari pemilik blog. Ya kira-kira itulah pengertian dan fungsi dari Feedburner yang saya pahami. Lanjuuuuut.

Kenapa Perlu Memodifikasi Kotak Kolom Email Subscriber FeedBurner?

Jika sobat sudah mendaftarkan blog nya ke Feedburner, tentu sobat juga mendapatkan script atau kode HTML kolom email subscriber yang diberikan Feedburner untuk di tempatkan pada widget blog kita. Sebenernya tampilan standar dari kolom email subscribe Feedburner sudah pas dan komunikatif, namun sayangnya memakai bahasa inggris, nah jika ada pembaca yang tidak bisa berbahasa inggris tentunya akan kebingungan dan bertanya-tanya, ini kolom apa sih? Nah maka dari itu, kita perlu mengubah bahasa standar Kolom subscribe Feedburner agar lebih menarik pembaca, dengan cara mengedit script kode HTML yang diberikan Feedburner. Di bawah ini merupakan tampilan kotak atau kolom subscriber Feedburner.

Sudah di edit

Tampilan standar

Cara Mengedit atau Memodifikasi Kotak Kolom Email Subscribe FeedBurner

Untuk melakukan pengeditan, saya akan memberikan sample script kode HTML yang kita ambil dari akun Feedburner kita. Di bawah ini merupakan script kode HTML kolom email subscribe standar Feedburner milik saya.

<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=Huzenify', '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="Huzenify" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /><p>Delivered by <a href="https://feedburner.google.com" target="_blank">FeedBurner</a></p></form>

Sekarang coba sobat bandingkan dengan script kode sobat, apakah sama dengan punya saya? (kecuali ID Feedburner sobat). Jika iya, berarti langkah selanjutnya akan sangat mudah lo, sobat tinggal mengganti dengan script kode milik saya yang telah saya edit (sudah tidak standar). Ganti tulisan yang saya beri tanda warna, sesuai dengan ID, kata,  atau kalimat yang sobat inginkan.

<form action='https://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;https://feedburner.google.com/fb/a/mailverify?uri=Huzenify&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='border:1px solid #ccc;padding:3px;text-align:center;' target='popupwindow'><p><b>SUBSCRIBE </b>ya, untuk mendapatkan update artikel terbaru dari <a href='http://huzenify.blogspot.com'>huzenify.blogspot.com</a>. Silahkan isi E-Mail Sobat disini:</p><p><input name='email' style='width:200px' type='text'/></p><input name='uri' type='hidden' value='Huzenify'/><input name='loc' type='hidden' value='en_US'/><p><span style='color: red;'>Selanjutnya cek inbox E-mail sobat untuk melakukan verifikasi yah</span></p><p><a href='http://feeds.feedburner.com/Huzenify'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/Huzenify?bg=99CCFF&amp;fg=444444&amp;anim=0' style='border:0' width='88'/></a></p><p>Delivered by <a href='https://feedburner.google.com' target='_blank'>FeedBurner</a></p></form>

MERAH= Ganti dengan ID Feedburner sobat
HIJAU= 'Isikan dengan alamat blog'>dan nama blog sobat< 
BIRU= Isikan kata ataupun kalimat promosi sesuai keinginan sobat

CATATAN: Pada kode script yang saya berikan diatas terdapat juga kode script "Feed Count", Feed Count sendiri adalah sebuah gambar kecil yang menampilkan jumlah pembaca dari blog sobat, jika sobat sudah mengaktifkan fitur tersebut pada Feedburner, maka sobat tinggal kopas saja kode diatas dan edit bagian yang saya beri warna. Namun jika sobat belum mengaktifkan fitur Feed Count, maka fitur tersebut harus diaktifkan terlebih dahulu, untuk mengaktifkannya sobat klik menu "Publicize"  kemudian pilih service/ layanan "FeedCount", edit tampilan FeedCount sesuai selera sobat, klik "Save" jika sudah selesai mengedit, sobat akan diberikan script kode FeedCount seperti contoh dibawah ini.

<p><a href="http://feeds.feedburner.com/Huzenify"><img src="http://feeds.feedburner.com/~fc/Huzenify?bg=99CCFF&amp;fg=444444&amp;anim=0" height="26" width="88" style="border:0" alt="" /></a></p>

Pada "Huzenify" ganti dengan ID Feed Burner sobat. Dan sekarang coba sobat perhatikan script kode kolom email subscriber FeedBurner yang saya berikan diatas (sebelum script kode FeedCount), sobat cari kode yang sama dengan contoh script kode Feedcount yang baru saya berikan. Nah, ada yang sama kan sob, seperti yang saya sudah jelaskan tadi, sobat tinggal copy script kode Kolom Email Subscribernya, dan edit bagian yang saya beri warna, karena sekarang FeedCount sobat sudah aktif. Sobat bisa tempatkan script kode tersebut pada widget, dan letakkan di mana saja asalkan mudah dilihat oleh pembaca artikel blog sobat.  

Demikian tutorial tentang cara memodifikasi tampilan kotak kolom email subscriber dari Feed Burner. Perlu sobat ketahui, munculnya artikel tutorial ini karena saya terinspirasi tampilan kotak kolom email subscriber FeedBurner dari blog Struktur Kode milik kang Didin Ajidin, namun saya tidak bisa membuatnya sama persis, karena keterbatasan kemampuan saya dalam mengedit kode HTML, hehe. Ok sob, jika ada pertanyaan seputar tutorial diatas, sobat tinggal isi kolom komentar yang ada di bawah artikel ini yah. Saya akan coba bantu sebisa mungkin. Terima kasih sudah mampir di blog saya. Sampai jumpa lagi di artikel lainnya. Huffft, lumayan capek juga ya ngetiknya. Saatnya tiduuur, wkwkwkw.

UPDATE: Script Standar kotak kolom Email Subscriber Fedburner saya sudah berbeda dari sebelumnya, mungkin punya sobat juga, ntah kenapa. Mungkin sobat bisa sesuaikan sendiri yah letak-letak ID, dan Kata yang perlu di modifikasi. Coba dengan trial and error yah. Semangat