Membuat RSS Feed Pada Theme WordPress

Posted in category: Blogging, Themes Wordpress by Zaiful Anwar

Bagaimana cara membuat Rss feed yang untuk pada theme WordPress. Sebelum membuat tampilan rss feed sebaiknya kita mengetahui terlebih dahulu dan apa manfaatnya buat yang berlangganan.

Apa itu RSS Feed? RSS (really simple syndication) adalah sebuah file yang berformat XML untu sindikasi yang telah digunakan (diantaranya dan kebanyakan situs web berita dan weblog).

Teknologi yang dibangun dengan RSS mengijinkan kita untuk berlangganan kepada situs web yang menyediakan umpan (feed) RSS, biasanya situs web yang isinya selalu diganti secara regular. Menurut wikipedia http://id.wikipedia.org/wiki/RSS

Manfaat RSS adalah untuk memudahkan penbaca dalam mengetahui update terbaru dari sebuat artikel yang dikirim ke email yang berlangganan tanpa harus membuka website/blog tersebut.

Tapi disini saya mencoba membuat tampilan RSS langsung pada theme wordpress ini dan sekalian menambahkan tutorial membuat theme wordpress. Yang Peru diingat dalam membuat tampilan RSS Feed sebaiknya disesuaikan dengan theme ate template yang anda gunakan.

Berikut cara membuat tampilan Rss Feed pada Theme WordPress.

1. Disini saya menggunakan script yang akan dimasukan ke dalam file sidebar.php. pertama masuk ke Dashbord pilih menu Appreve klik editing dan pilih file sidebar.php, lalu kopikan script dibawah ini.

<div class="rssfeed">
<h2>Berlangganan Gratis</h2>
<p>Anda bisa berlangganan Artikel <br /> Ketik email Anda untuk berlangganan: </p>
<form id="subscribe" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=zaifulanwar/kJzI', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>
<input type="text" value="Tulis email anda disini..." id="subbox" onfocus="if (this.value == 'Tulis email anda disini...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Enter your email address...';}" name="email"/>
<input type="hidden" value="zaifulanwar/kJzI" name="uri"/>
<input type="hidden" name="loc" value="en_US"/>
<input type="submit" value="KIRIM" id="submit" /></p>
</form>
</div>
<div style="clear:both;"></div>

2. Ganti value dengan dengan ID RSS feed yang anda gunakan, selanjutnya simpan (jika anda menggunakan cara ini MOHON UNTUK DIBACKUP TERLEBIH DAHULU FILE SIDEBAR.PHP theme yang anda gunakan. Lalu dimana mendapatkan ID RSS feed tentunya anda mendaftarkannya terlebih dahulu di feedburner, tahukan cara mendaftarkannya. Maaf disini artikel ini cara tidak akan menjelaskan cara mendaftarkan rss feed.
3. Sekarang menyesuaikan tampilan RSS feed dengan theme wordpress. Bukan file style.css dan masukan code tag berikut.
4. • Lihat script diatas (id=”subscribe”) baris ke 4, Fungsinya sebagai backgraud tampilan RSS feed dan berikut code tags yang ditambahkan ke dalam file style.css:

     .rssfeed {
     	background: #FFFFFF url(gambar/newsletter.gif) top right no-repeat;
     	float: left;
     	width: 300px;
     	margin: 0px 10px 10px 0px;
     	padding: 10px 0px 10px 0px;
     	}
     

   • Lihat script diatas (id=”subbox”) baris ke 5, Fungsinya sebagai kolom tempat memasukan email dan berikut code tags yang ditambahkan ke dalam file style.css;

     #subbox {
     	background: #CCCCCC;
     	width: 170px;
     	color: #333333;
     	font-size: 12px;
     	font-family: Arial, Tahoma, Verdana;
     	font-weight: normal;
     	margin: 5px 0px 0px 0px;
     	padding: 3px;
     	border-top: 1px solid #666666;
     	border-right: 1px solid #DDDDDD;
     	border-left: 1px solid #666666;
     	border-bottom: 1px solid #DDDDDD;
     	display: inline;
     	}
     

   • Lihat script diatas (id=”submit”) baris ke 8, Fungsinya sebagai buttom submit dan berikut code tags yang ditambahkan ke dalam file style.css;

     #submit {
     	background: #444444;
     	border: 1px solid #bbbbbb;
     	color: #ffffff;
     	font-size: 11px;
     	margin: 0;
     	padding: 5px 5px 5px 5px;
     	text-decoration: none;
     	text-transform: uppercase; }
     
     	#submit:hover {
     		background: #000000;
     		border: 1px solid #bbbbbb; }
     

Nah, kayaknya sudah selesai ne dan berikut screnshot perbedaan sebelum dan setelah menggunakan cara membuat RSS feed pada theme wordpress.

Wah kok caranya bikin puyeng kepala ya? Sebenarnya ada cara yang lebih mudah dan saya merekomendasikan anda untuk membaca blog Kang Yudiono tentang Cara Membuat Form Berlanggan RSS yang Unik di Sidebar pada artikel tersebut dijelaskan secara detail tampa seribek cara saya dan anda tinggal menyalin serta mengedit code tersebut lalu pastekan ke Widget Text. Kalau masih puyeng juga sebaiknya anda menggunakan code HTML standar yang ada di feedburner.

Btw, Mohon untuk koreksi atas penulisan kode atau ejaan diatas jika ada yang keliru.