Cara Membuat RSS Feed Bergambar Untuk Situs Web-Website

by on 2011/05/18. Updated 2012/05/06 · 31 comments

RSS Feed Bergambar

Penggunaan RSS akhir-akhir ini meningkat pesat, hal ini disebabkan semakin banyak saja situs web-website yang memanfaatkan layanan ini sebagai ujung tombak promosi online produk mereka.Tetapi dari fungsinya yang begitu besar, terutama sebagai media penampil update berita atau informasi, ternyata tampilan dari RSS Feed sendiri sangat sederhana, ‘text only’-lah. Itu wujud basic-nya dan telah bertahun-tahun digunakan…Tetapi cobalah anda lihat situs web seperti TechCrunch yang memanfaatkan penggunaan RSS dengan sebaik-baiknya dengan menyertakan image berupa gambar bahkan sesekali menanamkan-memasang video di dalam RSS Feed-nya.

Sehingga tampilan dari RSS Feed tidak monoton seperti biasanya dan terlihat lebih Interaktif, bahkan kalo item-item feed tersebut dibuat tampilan penuh (isi artikel/konten-nya) , rasanya pengunjung situs tidak perlu lagi membuka halaman html-nya ( yang notabene loading-nya berat ), dan akhirnya terget tersampaikannya berita atau informasi, bisa lebih cepat dan akurat.

Logo RSS Black Orange

Anda ingin tahu cara membuat-memodifikasi Rss Feed seperti di website TechCrunch? Ikuti Tutorial cara meletakkan-memasang gambar dalam Rss feed untuk situs web-website berikut ini :

1. Silahkan copy paste kode berikut ini dalam Notepad Windows atau Notepad++ ( atau langsung download ), dan save dalam format “.xml” . ganti kata-kata yang berwarna oranye dengan data-data milik anda. Gambar bisa berformat jpg,png atau format gambar lainnya, untuk kualitas gambar diatur pada Quality Medium saja ( pada Photoshop > Save for Web > Preset )  ,agar saat loading file xml-nya lebih cepat.


<?xml version="1.0" encoding="utf-8"?>
<rss xmlns:atom="http://www.w3.org/2005/Atom" version="2.0">
  <channel>
    <title>DOTCOMCELL</title>
    <description>dotcomcell RSS Service</description>
    <link>http://www.dotcomcell.com</link>
    <copyright>Copyright © 2010 dotcomcell</copyright>
    <lastBuildDate>Sun, 12 Dec 2010 10:04:25 +0700</lastBuildDate>
    <pubDate>Sun, 12 Dec 2010 10:02:17 +0700</pubDate>
    <generator>Web Page Maker by dotcomcell</generator>
    <image>
      <url>http://dotcomcell.com/images/gambar-logo-dotcomcell.png</url>
      <title>Logo Dotcomcell</title>
      <link>http://dotcomcell.com/index.html</link>
      <description>Logo Resmi Dotcomcell</description>
      <width>140</width>
      <height>47</height>
    </image>
    <item>
      <title>Kursus Komputer,Service Handphone,Web Designer Banyuwangi</title>
      <description><![CDATA[<P><IMG alt="" hspace=0 src="http://dotcomcell.com/images/gambar-header-dotcomcell.jpg" align=middle border=0></P>
<P>Dotcomcell melayani Jasa Kursus Komputer, Kursus Service Handphone, Kursus Web Designer, Pembuatan Situs Web di Wilayah Banyuwangi</P>]]></description>
      <link>http://www.dotcomcell.com</link>
      <pubDate>Sat, 15 May 2010 06:24:49 +0100</pubDate>
    </item>
    <item>
      <title>DOTCOMCELL BANYUWANGI | Sejarah Dotcomcell</title>
      <description><![CDATA[<P><IMG alt="" hspace=0 src="http://dotcomcell.com/images/photo_profil_dotcomcell.jpg" align=baseline border=0></P>
<P>Menceritakan sejarah DOTCOMCELL,kasus-kasus user,sampai membuka kursus teknisi; komputer,handphone,audio video editing,digital imaging,web design</P>]]></description>
      <link>http://www.dotcomcell.com/aboutindonesia.html</link>
      <pubDate>Sat, 15 May 2010 06:24:49 +0100</pubDate>
    </item>   ...dan seterusnya, sesuaikan dengan halaman-halaman web anda, dan akhiri dengan 
  </channel>
</rss>

2. Upload file xml yang sudah jadi ke hosting anda dan letakkan pada root directory public_html. Kemudian untuk testing, silahkan ketik URL RSS anda pada Address Bar Browser ( rekomendasi : Mozilla Firefox ), contoh format : http://www.dotcomcell.com/rss.xml .

3. Atau anda ingin menampilkan icon logo RSS di dalam Address Bar Browser seperti gambar di bawah ini,

Logo Rss di Address Bar

Caranya, download lalu edit html page anda ( index.html atau index.php ) letakkan kode skrip berikut dan letakkan diantara <head></head>,

<link rel="alternate" type="application/rss+xml" title="Judul RSS Anda" href="http://www.situs-anda/rss-anda.xml" />

Kode skrip di atas bisa dipasang juga di tiap halaman web situs anda.

Semoga berguna.

 

5 / 5 stars     

Artikel ini ditulis oleh Mazdodot

Yang telah menulis 105 Artikel dalam Blog Kumpulan Artikel.

Nama aslinya Ade Setijo K, pemilik resmi situs dotcomcell.com, melalui blog ini mencoba berbagi ilmu dan pengalaman tentang Desain Web, Handphone, Komputer, Android, Multimedia, Tips Trik, Wordpress...read more >>

{ 30 comments… read them below or add one }

Friend All star June 20, 2011 at 3:26 PM

wah info yang sangat bermanfaat ,,, thanhxxxzzz

Reply

bisnis2qta June 28, 2011 at 1:58 PM

waduh…gak ngerti… ada cara yg simple gak?

Reply

download2 June 28, 2011 at 1:59 PM

kalo pake software ada gak? biar lebih gampang gitu…

Reply

mazdodot June 29, 2011 at 10:37 PM

ntuk #download2 n #bisnis2qta coba ajha software FeedForAll , tapi kykx trial…

Reply

lestiani August 6, 2011 at 12:32 PM

terima kasih,osting sangat membantu saya,blog saya yg tadinya feed tidak tampil jadi nongol di addres bar…

Reply

Budidaya Pepaya Berkualitas August 23, 2011 at 10:00 PM

kok sulit ya penjelasnya. yang simpel dan muddah dimengerti adagak. makasih…

Reply

mazdodot August 24, 2011 at 6:25 PM

yang penting pemahamanx…kalo mo instan pake sofware tuh linknya ada di salah satu reply komen…sekali waktu memang harus berpikir keras,tidak melulu tanam lalu tunggu …hehehehe….nuwun.

Reply

ANAR373CT September 10, 2011 at 2:09 PM

mantab gan infonya..
mampir di http://anar373ct.wordpress.com/
thx ya sblmnya..

Reply

pondokherbal November 11, 2011 at 8:21 PM

sambil nyoba dulu saya mau nanya.sebenarnya apakah rss feed ini berpengaruh di seo sebuah website?

Reply

mazdodot November 12, 2011 at 8:40 AM

Dari sisi SEO-off page, pengaruhnya banyak…anda bisa daftarkan rss anda di situs-situs rss feed submitter. Kalo dari SEO-on page malah kalo terlalu banyak tautan apalagi ‘follow’ (di sidebar) bisa menurunkan PR website coba cek di Membuat Tautan RSS Feed Widget Nofollow

Reply

Aspectro December 11, 2011 at 4:51 PM

terima kasih atas info tipsx brooo..visit my blog yeee..^^

Reply

pendidikan utntuk semua usia December 27, 2011 at 7:48 AM

thenks infonya…..lam kenal….langsung cobain…

Reply

ahdan December 30, 2011 at 1:44 PM

bermanfaat banget dan sudah di implementasika

Reply

budi January 14, 2012 at 11:04 AM

Siang Bos, artikel2nya sangat menarik,tks,bos.

Reply

qvaa January 17, 2012 at 8:25 AM

thx bro postinmgan anda sebagai referensi blog saya………

Reply

Jefry February 22, 2012 at 10:15 AM

Web milik saya belum memiliki rss feed, terima kasih telah berbagi info ini
Salam kenal ya

Reply

adsanse1987 March 14, 2012 at 9:48 PM

tu code gak bisa di copy gan… :(

Reply

mazdodot March 14, 2012 at 9:59 PM

ya sementara aku proteksi,…biar artikel ini kuat dulu. Mhn Maaf.

Reply

Oudan March 19, 2012 at 3:36 PM

Mas, klo scriptnya seperti itu, berarti kita harus manual update buat bikin RSS nya dong..? ato bisa otomatis masuk jika ada conten baru di websitenya..?
Kalo ternyata beneran manual, apakah ada cara lain supaya conten baru langsung masuk? Dengan catatan menggunakan script yg mas pake itu!

Reply

mazdodot March 20, 2012 at 10:42 AM

Aku pake engine wordpress >> biasanya http://www.namasitus.com/feed (khusus untuk update konten di Blog Kumpulan Artikel ini), yang jelas dalam wp sudah terintegrasi agregator otomatis untuk feed (subscribe widget) dan lagi aku juga manfaatkan feedburner untuk handle semua feed. Jadi kalo visitor berkunjung ke Main Site-ku >> nih engine statis ( dotcomcell.com sidebar kanan ), akan bisa melihat update artikel terbaru dari Blog-ku ini…diluar itu (situs satis) silahkan contek skripku…hehehe.

Reply

javaindo April 14, 2012 at 1:17 PM

mas, kalau misalkan kita pake feeds.feedburner itu gimana ya mas?saya sudah set lewat situ tapi kok gak mudeng2…

Reply

mazdodot April 14, 2012 at 2:03 PM

Kalo sudah baca artikel mulai dari awal gak paham2, tunggu saja sekalian nanti aku bikin Tips Trik/tutorial komplit cara setting/burn rss feed di feedburner yang sekalian kita inject Adsense For Feed di dalam-nya…ok

Reply

tita May 9, 2012 at 10:53 AM

wah keren banget infonya……

Reply

surya May 10, 2012 at 10:51 AM

terima kasih informasinya,ditunggu info selanjutnya….

Reply

itkomp June 27, 2012 at 6:19 AM

Terima kasih ya gan informasinya sangat bermanfaat

Reply

Bambang Riswanto July 24, 2012 at 3:04 PM

Mantap mas infonya…
saya lagi belajar buat RSS mas, jadi sangat bermanfaat bagi saya..

Reply

Naraka August 2, 2012 at 12:37 PM

makasih infonya akang :)

Reply

orangorangan January 7, 2013 at 5:19 PM

artikel yang bermanfaat, bikin rss lebih hidup! :)

Reply

Kaca Film Gedung October 7, 2013 at 1:41 PM

Infonya mantap gan… Thanks!

Reply

zaka April 12, 2016 at 12:24 PM

Gan saya liat ini buat web yang pake hosting ya ?? kalo cara ini bisa ga kalo buat di blogspot ?
makasih sebelumnya gan :)

Reply

Leave a Comment

Previous post:

Next post: