Cara Membuat RSS Feed Bergambar Untuk Situs Web-Website

by on 2011/05/18. Updated 2012/05/06 · 32 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 >>

{ 32 comments… read them below or add one }

Andi Saputra Siahaan July 8, 2017 at 11:18 PM

Ini maksudnya gimana ya? Apa bisa ditampilkan di situs web berbasis php???
Mohon jawabannya…

Reply

Ade Setijo K August 4, 2017 at 10:37 AM

Kopas dulu tuh skrip dan ganti data kamu sendiri, upload file .xml yang dah jadi di root website, beres dah…

Reply

Leave a Comment

Previous post:

Next post: