Semua Tentang Subscribe di Blog

Subscribe / berlangganan ini merupakan salah satu hal yang terpenting pada sebuah blog. Mengapa? Dengan adanya subscribe ini, maka para pengunjung blog kita itu akan terus mendapatkan informasi artikel terbaru pada blog kita. Dengan kata lain ini juga dapat membantu dalam meningkatkan jumlah pengunjung pada sebuah blog. Untuk memasang subscribe ini ada berbagai banyak cara. Saya akan mencoba berusaha membas semuanya disini. Semoga artikel ini dapat membantu para sobat yang belum mengetahuinya.

1. Mendaftar di Feedburner
Langkah pertama sebelum memasang RSS Feed pada blog yakni mendaftar pada feedburner. Caranya cukup mudah, sobat cukup mengunjungi feedburner.google.com kemudian lakukan registrasi seperti biasanya (sama seperti pada website lainnya). Isi semuanya yang berkaitan dengan blog yang akan sobat kelola itu. Untuk langkah-langkahnya tidak akan saya jelaskan disini. Karena sudah banyak blog sahabat yang menjelaskan dengan sangat lengkap. Silahkan sobat cari tau di google.

2. Melakukan Penyetalan RSS Feed
Ini dilakukan agar menghindari hal-hal yang dapat merugikan pada sebuah blog. Kenapa merugikan? Kamu mungkin akan jengkel atau kesal sama blogger yang suka mengambil konten blog kamu secara otomatis dengan memanfaatkan RSS Feed tersebut. Dengan mengatur RSS Feed ini, maka yang terjadi adalah mereka tidak bisa mendapatkan keseluruhan pada artikel kamu lagi. Dengan kata lain ini juga dapat membantu mengoptimalkan SEO blog kamu. Caranya pun sangat mudah :

Tahap 1 :
Dashboard > Setelan > Lainnya > Pada Umpan Situs > Izinkan Umpan Blog > Pilih Singkat > Save.

Tahap 2 :
Masih pada Umpan Situs > Posting URL Pengubah Arah Feed masukkan alamat Feed kamu. Ini terdapat pada saat kamu mendaftar di feedburner. Lihat contoh :
http://feeds.feedburner.com/blog-pedas

3. Memasang Subscribe di Blog
Untuk memasang subscribe di blog sebenarnya cukup mudah. Namun disini saya akan membaginya menjadi dua bagian. Pertama subscribe tampilan standart dan yang ke dua subscribe dengan tampilan yang di modifikasi. Dari segi fungsi dan manfaat tidak ada yang berbeda. Tergantung kamunya saja mau memilih yang mana.

a. Subscribe dengan Tampilan Standart
Dashboard > Tata Letak > Tambahkan Gadget > Ikuti Lewat Email > URL Feedburner (masukkan urlnya, sama seperti pada langkah ke dua tahap dua diatas) > Save

b. Subscribe dengan Tampilan Modifikasi
Silahkan sobat lihat dulu demonya disini / atau lihat gambar diatas. Jika ingin berbeda, silahkan sobat modifikasi kembali kode yang akan saya bagikan dibawah atau silahkan sobat rancang sendiri.

CSS

#subscribe {width:270px;height:180px;border:4px double #bdc3c7;background:#34495e url(http://png-2.findicons.com/files/icons/1680/supra_rss_icons/64/rss2_3_13.png) no-repeat left bottom}
#subscribe p {padding:5px;margin:0;color:#bfbfbf;text-align:center;line-height:1.2em}
.your-email {color:#999;width:200px;padding:5px;font:12px Arial;margin:5px 25% 0 30px;border:1px solid #ccc;border-radius:2px;border:1px solid #95a5a6;background: #ecf0f1}
.your-email:focus {outline:none;color:black}
.submit-email {background-color:#e74c3c;width:75px;padding:5px;margin:10px 25% 0 35%;border-radius:2px;font-size:12px;cursor:pointer;position:relative;color: #fff;font-weight: bold;border:none;}
.submit-email:hover{background-color:#c0392b}

HTML

<div id='subscribe'>
<p>Masukkan alamat Email kamu, kemudian klik subscribe. Untuk dapatkan artikel terbaru dari kami!</p>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Blog-Pedas', 'popupwindow', 'scrollbars=yes,width=620,height=580');return true">
<input type="text" name="email" class='your-email' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;' value='Enter your email...'/>
<input type="hidden" value="Blog-Pedas" name="uri"/>
<input type="hidden" name="loc" value="en_US"/><br />
<input type="submit" value="Subscribe" class='submit-email'/></form>
</div>

Ganti tulisan Blog-Pedas dengan alamat feed kamu. Dan untuk pemasangan kode diatas, tidak perlu saya jelaskan lagi. Karna saya yakin, sobat semua sudah faham. Selamat mencoba dan jika terdapat kendala pada tutorial ini jangan sungkan-sungkan untuk bertanya.