Eri Ricaldo beberapa waktu lalu menanyakan bagaimana cara membuat form berlangganan RSS seperti yang ada di sidebar dan akhir postingan Blogodolar. Karena terlalu panjang, maka pada postingan ini saya bahas terlebih dahulu cara membuat form berlangganan di sidebar.
Sebagai latar belakang, saya singgung terlebih dahulu anatomi form berlangganan tersebut. Form ini merupakan hasil editan kode html dan penambahan beberapa elemen karena saya ingin mempunyai form berlangganan yang beda dari yang lain (unik) dan informatif.
Seperti Anda lihat di pojok kanan atas, form ini terdiri dari 5 elemen.
Kelima elemen tersebut adalah:
1. Link berlangganan RSS. Link ini dapat digunakan oleh pengunjung yang ingin berlangganan melalui RSS feed (bisa dengan Google Reader atau yang lainnya).
2. Jumlah Pelanggan RSS. Bagian ini menginformasikan jumlah pelanggan, baik yang berlangganan via RSS feed maupun via email.
3. Kolom berlangganan via email. Kolom ini merupakan alternatif bagi pengunjung yang ingin berlangganan via emailnya.
4. Link alasan mengapa berlangganan. Link ini berupa halaman yang berisi keuntungan berlangganan Blogodolar dan tutorial cara berlangganan. Tutorial ini bermaksud mengedukasi pengunjung yang memang tidak tahu cara berlangganan RSS feed, seperti yang saya alami beberapa bulan lalu.
5. Link pengertian RSS. Link ini berupa halaman yang berisi tinjuan singkat mengenai apa itu RSS feed.
Cara Membuat Form RSS Unik
Hal pertama yang perlu Anda lakukan adalah mendaftar di feedburner. Jika Anda belum tahu, Anda bisa melihat caranya di Cara Membuat RSS Feed di WordPress. Jika Anda ingin menambahkan poin 4 dan 5, maka Anda harus membuat dua buah halaman. Catatan halaman ini sebaiknya jangan dimunculkan di header.
Setelah itu copy dan paste kode HTML poin 1 sampai 3 yang Anda perloleh dari feedburner di widget Text. Selanjutnya edit seperti kode di bawah ini. Huruf yang berwarna merah dan nama blogodolar bisa Anda ganti dengan link-link atau teks yang Anda miliki.
<form style=”border:1px solid #ccc;padding:3px;text-align:left;” action=”http://feedburner.google.com/fb/a/mailverify” method=”post” target=”popupwindow” onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=Blogodolar‘, ‘popupwindow’, ‘scrollbars=yes,width=520,height=520′);return true”><a href=”http://feeds.feedburner.com/Blogodolar” title=”Subscribe to Blogodolar feed” rel=”alternate” type=”application/rss+xml”><img src=”http://www.feedburner.com/fb/images/pub/feed-icon32x32.png” alt=”" style=”border:0″/></a><a href=”http://feeds.feedburner.com/Blogodolar” title=”Subscribe to Blogodolar feed” rel=”alternate” type=”application/rss+xml”>Berlangganan RSS Feed</a>�
<a rel=”nofollow” href=”http://feeds.feedburner.com/Blogodolar“><img src=”http://feeds.feedburner.com/~fc/Blogodolar?bg=FF6600&fg=000000&anim=0″ height=”26″ width=”88″ style=”border:0″ alt=”" /></a>
<p>Ketik email Anda untuk berlangganan via email:<input type=”text” style=”width:180px” name=”email”/><input type=”hidden” value=”Blogodolar” name=”uri”/><input type=”hidden” name=”loc” value=”en_US”/><input type=”submit” value=”Kirim dech…” /></p>
<p><a href=”http://www.blogodolar.com/berlangganan/” title=”berlangganan” rel=”alternate”>Mengapa Berlangganan?</a> |
<a href=”http://www.blogodolar.com/apa-itu-rss-feed/” title=”RSS Feed” rel=”alternate”>Apa itu RSS Feed?</a>
</p></form>
<br>
Saya tidak tahu kode di atas bisa diterapkan di blog Anda karena tentunya Anda harus memiliki pengetahuan sedikit mengenai kode HTML. Namun, tidak ada salahnya Anda coba. Bila tetap tidak berhasil dan memusingkan, sebaiknya Anda menggunakan kode HTML yang Anda dapat dari feedburner.
Nice tutorial kang. Makasi. Saya tes dulu.
.-= Postingan terbaru Dunia Komputer………………PayPal Meluncurkan PayPal Mobile =-.
Berarti harus pintar-pintar mengedit kode htmlnya ya Kang..mungkin caranya apakah juga sama termasuk edit RSS feed setelah artikel postingan tersebut, selain RSS feed di side bar.
TERIMAKASIH telah berkenan berbagi kata bersama.
.-= Postingan terbaru TuSuda………………MENAIKI MOBIL BARU SAAT MEMASUKI TAHUN BARU =-.
Mau mencoba juga…
Makasih ilmunya!
.-= Postingan terbaru marsudiyanto………………T2074N =-.
@ Dunia Komputer: Silakan dites Mas
@ Tusuda: Setidaknya punya pengetahuan dasar mengenai HTML Bli. Untuk form RSS setelah postingan, sedikit berbeda. Tunggu di postingan berikutnya ya
@ Marsudiyanto: Silakan dicoba Pakde Mar.
Sampai saat ini saya belum pede pasang form RSS Feed buat blog saya. Saya sudah cukup senang dengan trafik harian yang terus meningkat dan page per visit yang juga menunjukkan peningkatan.
Untuk pasang form berlangganan RSS, konsekuensinya blog kita harus diupdate secara teratur dengan konten2 yang bermanfaat
.-= Postingan terbaru iskandaria………………Page View Per Visit | Studi Kasus dan Cara Meningkatkannya =-.
Boleh nih. saya coba ya kang. izin ngopy dulu ah.
Susah juga ya ternyata. hehe.
Makasih banget atas tutorialnya mas…. tinggal nunggu untuk yg di akhir postingan nich…
.-= Postingan terbaru Eri Ricaldo………………Aku Cuma Seorang Blogger Yang Cinta SEO =-.
@ Iskandaria: Tes saja RSS feed Kafe28, siapa tahu ada pengunjung yang membutuhkannya Mas Is
@ Pai: Memang rada menjelimet Kang Deden
@ Eri Ricaldo: Stay tuned here bro
Tutorial yg bagus… Kang Kabayan juga tlah menerapkan seperti itu tapi lom pakai memunculkan brapa banyak subsribernya soalnya msh sdkit nich… kan jadi ketahuan… he..he..
.-= Postingan terbaru Kang Kabayan………………Ipang : Teruslah Bermimpi (Ost.Sang Pemimpi) =-.
Kalo saya pede saja walaupun dulu pelanggannya cuma 1 Kang
wah harus dicoba nih,..tapi apa dayanya pengetahuan terbatas,..jadi harus trial and error dulu..
.-= Postingan terbaru erlangga………………Kambing Anglo Nubian =-.
Waahhh…ternyata bener kata temen saya…tutorialnya sama artikelnya bagus2…mantabs kang, makasih lho… (kang maap…yang tadi salah nulis alamat website..diapus aja yang atas comment-nya..maap ya…)
.-= Postingan terbaru Haris_DokterBisnis.Net………………Tim Penjualan, Penghubung Paling Penting Antara Anda dengan Konsumen Anda =-.
Mas Haris,
Done. Trims sudah berkunjung, semoga berkenan ya
mantap…. segera dicoba… kami tunggu edisi berikutnya…
.-= Postingan terbaru Hockey………………Gubernur Kaltim 10 K Terbuka 2010 Total Hadiah Rp. 148 Juta =-.
thank you sahabat atas tips-nya yang detail
@ Pak Johnson: Sama-sama Pak.
@ Hockey: Stay tuned here Mas
wahhh saya masih trauma kalau ganti-ganti atau bahkan nambah kode-kode tersebut di blog saya… karena udah 2x gagal total….
mungkin bapak ada saran lain untuk saya supaya di blog saya ada RSS????
Mbak Yuni,
Cara gampangnya tinggal copy dan paste kode HTML yang didapat dari feedburner di widget text.
Makasih infonya kang..Rss dulu kemana Ya ??
coba ah..:D
Kalo di dalam code itu mau disisipi backgr0und gmn, gan?
Nambahin k0de apa,?
Mas, aku gak tahu kode apa yang harus ditambahkan bila ingin menyisipkan background.
nah ini dia info yang saya tunggu2,, kebetulan saya punya blog baru dan ingin membuat form RSS ini…
kang, saya mau minta ijin, boleh ga artikel yang “mengapa berlangganan” dan artikel “apa itu RSS feed?” saya copy di blog saya, saya pusing kalo harus pake bahasa sendiri.
makasih…
.-= Postingan terbaru catatanku………………google insight: alternatif ide artikel blog =-.
Silakan Mas Bisdra, asal kasih backlink yan ke Blogodolar biar win-win solution
Nah ini dia kang, kebetulan sekali saya lagi mencoba memasang iklan di RSS Feed.
.-= Postingan terbaru Zaiful Anwar………………Cara Mendapatkan Uang dari RSS Feed di WordPress =-.
Kang,
Isi blognya sangat membantu! Saya juga belajar banyak dari Kang Yudi.
Go Indonesia!
.-= Postingan terbaru Noobpreneur………………Start or Buy a Green Business- Measure Twice-Cut Once =-.
Akhirnya ini yang saya tunggu… akhirnya dibahas juga… dari dulu pengen banget dulu punya yang seperti itu (tapi sungkan
), karena menurut saya sangat informatif. Semua yang berkaitan dengan RSS berlangganan dalam satu box. Saya ijin copy ya Mas… Thanks a lot ya…
.-= Postingan terbaru Desain Lansekap………………Plantamor – Situs Dunia Tumbuhan =-.
saya mo coba kang tapi ngeri liat kode kode anehnya
.-= Postingan terbaru haris ahmad………………Nyawa di balas Nyawa!!! =-.
bismillah di coba
.-= Postingan terbaru haris ahmad………………Udah biasa di jakarta =-.
makasi tutorialnya, kapan2 saya coba deh
.-= Postingan terbaru imadewira………………Apa Itu Google Page Rank =-.
makasih banyak buat tutornya….
sangat membantu.
skali lagi terima kasih
.-= Postingan terbaru andra permana………………RSS For Mobile Phones Introduced (#1) =-.
wah makasih mas atas infonya, berguna sekali.
.-= Postingan terbaru Toel………………Tim PSIS Semarang Akhirnya Dibubarkan =-.
bos, kalau rss berlangganposting yang sudah ada pada template bawaaan, cara mengubahnya gimana? mohon mencerahaanya.
.-= Postingan terbaru Foto Artis………………Bunga Citra Lestari Mega Concert Performed on RCTI =-.
Hapus saja kode form bawaannya.
Kalau di wordpress, kode tersebut biasanya ada di sidebar.php atau header.php
terima kasih mas atas informasinya.
.-= Postingan terbaru Foto Artis………………Bunga Citra Lestari Mega Concert Performed on RCTI =-.
saya udh coba pasang kang, tp tampilannya berbeda ya…, htr nhn
.-= Postingan terbaru dur14t………………Jenis-jenis Jerawat =-.
thans atas tutornya bos… mo saya praktekin di blog saya.. mohon doa restunya ya.. untuk agan-agan semua yang udah dan yang blom komentar silahkan kunjungi blog saya untuk melihat hasilnya
.-= Postingan terbaru trasmianto………………Secercah harapan untuk cewek gembrot =-.
mantap inponya ini yang lagi saya cari mkasih bang
waaah.. ini nih yg dicai. makasih infonya
makasih .. mantapp info ny
.-= Postingan terbaru anung dwie………………Cara hack facebook =-.
alhamdulillah Ogut bisa bikinnya, he he
.-= Postingan terbaru haris ahmad………………benci untuk mencinta =-.
wah…tampaknya harus sedikit repot tuh…
banyak juga scriptnya…
tapi harus dicoba, sekalian explorasi dan belajar.
bocah-cakil.blogspot.com dan kalamft-unsri.blogspot.com
kang, gimana caranya buat form dibawah postingan seperti pada web ini ? buat tutorialnya dong kang
Postingan terbaru syahrul………………daftar dofollow blogs indonesia
blogwalking mas…
artikelnya kerenn
Postingan terbaru isjustyoga1………………FPI dan Igo Idol Bertarung di Twitter
Kang Yudiono,
Salam kenal….tutorialnya bermanfaat banget. Makasih banyak dah sharing.
Sudah saya coba di blog saya dan berhasil dengan modifikasi sedikit kode2nya.
Mohon ijin copas page “mengapa berlangganan” dan “apa itu RSS feed” nya untuk pake di blog saya, soalnya kontennya dah mantap.
pernyataan kutipan dan backlinknya dah disertakan. Boleh ya…
Makasih banyak…
mantap gan ,kalau mau bikin di bawah kotak komentar caranya gimana gan,maklum saya newbie gan ,mohon pencerahannya
Postingan terbaru asfa blog………………submit url ke google-yahoo-bing
Kalau mau buat form berlangganan harus pakai cara manual ya sob. Yang instan ga ada ya sob seperti yang di feedburner itu??
sob kalo mau buat link rss kita bisa dikopi dan difeed dr website lain gimana yah?
thanks untuk info feed rss. mudah2 bisa bermanfaat buat saya.
Postingan terbaru willy………………How to keep teeth healthy child
keren banget gan , mau nyoba dulu nih
Postingan terbaru zodiak………………Cara Mendapatkan Pacar Cantik
thanks atas infonya,,, Berkunjung balik ya Download Film Gratis | High Quality – Boxsoffice
mantap dah postingannya..
salam kenal sobat.
Postingan terbaru buatblogkangroes………………Membuat header blog dengan gambar
salam kenal mas , cara pasang gambar di feed tu bagaimana mas , mohon petunjuknya , maklum masih newbe mas
Postingan terbaru hengki………………ST12 Mp3 Player Online