Full width home advertisement

Post Page Advertisement [Top]

RSS feeds
Artikel ini menerangkan bagaimana cara untuk mengintegrasikan RSS feed dari berbagai sumber berita ke situs Article dalam website /web  Blog anda dengan menggunakan Script RSS eksternal. RSS singkatan dari Really Simple Syndication. RSS memudahkan mendapatkan informasi secara otomatis tentang update dari situs web yang anda sukai.
Anda dapat menggunakan RSS untuk menarik semua informasi terbaru dari situs mereka dan menampilkannya pada website anda dengan bantuan perangkat lunak pembacaan RSS atau script eksternal RSS Feeds.
Jadi pada dasarnya ini memungkinkan anda untuk memindai berita terbaru, informasi dan artikel dari ribuan situs web yang mudah dibaca, daftar artikel dicari dan ditampilkan secara otomatis tanpa harus mengunjungi setiap situs web secara individual ( satu-satu).
Artikel ini merupakan panduan langkah demi langkah dari awal sampai akhir. Untuk contoh ini, menggunakan dari satu sumber yaitu web BBC News Asia karena ini adalah yang paling relevan dengan isi situs untuk Indonesia. Anda dapat memilih sendiri selama itu mendukung RSS dan Anda tetap memasang link ke  RSS Feed mereka sebagai sumber kontennya.
Bagaimana untuk dapat meng-Identifikasi RSS Feed dan langkah apa yang perlu dilakukan ?
  1. Mencari: Pencarian untuk versi RSS (RSS Feed) sumber berita dan copy link itu.
  2. Membangun: Membangun kode Javascript yang akan menarik data dari RSS feed Anda memilih hanya dengan memasukkan URL sumber itu.
  3. Membuat: Buat sebuah panel kustom dan menyisipkan kode ke situs ArticleLive Anda.
  4. Upload: Upload file ke server web Anda.
  5. Sisipkan: Masukkan kustom panel ke ArticleLive untuk ditampilkan.
  6. Penyesuaian Tampilan: Sesuaikan tampilan dan nuansa dari RSS Feed.
 Langkah 1: Menentukan Versi RSS Sumber Berita

Pertama, mari kita melihat di mana kita akan mengekstrak sumber informasi. Cara gampang untuk menemukan versi RSS (feed) adalah dengan mencari /melihat  Ikon RSS yang mengidentifikasi, dan bukan dari link, klik kanan mouse pada ikon RSS tersebut untuk mengakses link RSS yang memungkinkan anda untuk menyalin URL RSS feed tersebut.
Namun, jika anda melakukan klik dan kemudian melihat beberapa kode XML yang berantakan, jangan khawatir! Cukup salin alamat web dari isian URL browser anda dan akan terlihat seperti alamat web lainnya, kecuali bagian terakhir mungkin berakhir di "xml"., ". Rss", ". Rdf", ". Atom", atau bahkan nama-nama aneh lainnya.
Kadang-kadang mereka akan terdaftar di suatu tempat bernama "Sindikasi".
Seperti yang disebutkan diatas salah satu contoh  dengan memilih berita BBC  Asia. Situs berita aktual tampak seperti berikut: http://news.bbc.co.uk/1/hi/world/south_asia/default.stm
Berikut versi RSS yang akan dibutuhkan. Copy link berikut: http://newsrss.bbc.co.uk/rss/newsonline_uk_edition/world/south_asia/rss.xml

Langkah 2: Membangun Kode Javascript

Kita perlu membuat kode Javascript yang akan menarik RSS feed yang relevan untuk ditampilkan pada situs website kita. namun jangan khawatir bersama CMSPlaza anda tidak perlu melakukan coding apapun. Kami akan menggunakan bantuan sebuah script eksternal yang secara bebas tersedia secara online.
Anda akan disajikan dengan bentuk seperti yang ditunjukkan di bawah ini.
1<script src="/%E2%80%9Dhttp:/jade.mcli.dist.maricopa.edu/feed/feed2js.php?src=http%3A%2F%2Fnewsrss.bbc.co.uk%2Frss%" type="”text/javascript”"><!--mce:0--></script>
2<noscript>mce:2</noscript>

Langkah 3: Buat File PHP dan file HTML

Hal selanjutnya yang harus dilakukan adalah membuat membuat dua file - sebuah PHP dan file HTML.
Mari kita ciptakan file PHP pertama. Menggunakan Dreamweaver atau editor apapun, membuat dokumen kosong. Salin kode berikut dan paste disimpan sebagai RSSPanel.php

< ? php
/*******************************************
* *
* Generic ArticleLive Panel Parsing Class *
* *
*******************************************/
$panelClass = “AL_RSS_PANEL”;
CLASS AL_RSS_PANEL
{
var $_htmlFile;
function AL_RSS_PANEL($HTMLFile)
{
$this->_htmlFile = $HTMLFile;
}
function ParsePanel()
{
$htmlPanelData = “”;
$parsedPanelData = “”;
if(file_exists($this->_htmlFile))
{
if($fp = @fopen($this->_htmlFile, “rb”))
{
while(!feof($fp))
$htmlPanelData .= fgets($fp, 4096);
@fclose($fp);
}
}
// Parse the panel of tokens, etc
$GLOBALS["RSS"] = “RSS”;
$parsedPanelData = $GLOBALS["AL_CLASS_TEMPLATE"]->ParseGL($htmlPanelData);
return $parsedPanelData;
}
}
Langkah selanjutnya membuat file HTML dan memasukan code Javascript yang telah kita buat sebelumnya :
01<table id="”Table2″" class="”Panel" border="0">
02<tbody><tr>
03<td class="”Heading”">RSS Title</td>
04</tr>
05<tr>
06<td class="”Content”">
07<script src="/%E2%80%9Dhttp:/jade.mcli.dist.maricopa.edu/feed/feed2js.php?src=http%3A%2F%2Fnewsrss.bbc.co.uk%2Frss%" type="”text/javascript”"><!--mce:1--></script>
08<noscript>mce:3</noscript>
09<!--–END–-->
10</td>
11</tr>
12</tbody></table>

Langkah 4: Upload File ke Web Server Anda


Langkah ini tidak perlu di terangkan secara detail lagi karena kami yakin anda telah tahu bagaimana untuk mengupload halaman webpage ke server hosting anda.

Langkah 5: Penyesuaian Tampilan

Untuk dapat memunculkan tampilan RSS anda pada halaman website tertentu, anda bisa menyisipkan code /file rss dari php dan html yang anda buat diatas pada template website atau pada kolom webpage dimana rss itu hendak ditampilkan. Misalkan kita tempatkan pada kolom kanan di halaman website kita, bisa menggunakan php file include ( bagi website php) :
1<div class="right">
2< ? php include("RSSPanel. php"); ?>
3</div>

atau untuk web html
1<object type="application/x-shockwave-flash" width="100" height="100"> </object>

Untuk memperindah tampilan RSS yang anda buat, anda bisa melakukan penambahan code pada file Style.CSS website template anda, anda bisa menambahkan seperti pada contoh dibawah ini :
01.rss_box {
02width: 100%;
03}
04.rss_title, rss_title a {
05margin: 0px 0;
06padding: 0;
07font-weight: bold;
08}
09.rss_items {
10list-style:none;
11margin:0;
12padding:0;
13}
14.rss_item {
15font-size: 11px;
16margin-bottom: 1em;;
17}
18.rss_item a:link, .rss_item a:visited, .rss_item a:active {
19font-weight: bold;
20font-size: 10pt;
21}
22.rss_item a:hover {
23}
24.rss_date {
25font-size: 9px;
26color: gray;
27}            

Tidak ada komentar:

Posting Komentar

Bottom Ad [Post Page]