Minggu, 13 November 2011

Cara Membuat RSS Feed Bergambar Untuk Situs / Website

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 websiteTechCrunch? 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 atauNotepad++ ( 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.
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 ,
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.

Populer Post