Blogodolar

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-icon32×32.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.