Selasa, 21 Juni 2011

Penggunaan RSS pada Situs Web-Website

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.
Gambar 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.