nongool - Fri 23/05/2014 Cara Membuat Rss feed Berita Terkini di localhost. Teman-teman kurang update dengan berita terkini di internet ?. Oke mari simak postingan saya ini yang akan membahas Cara Membuat Rss feed Berita Terkini di localhost atau dengan katacara membuat sebuah plugin untuk menampilkan berita-berita terkini yang ada di internet.
Oke jika udah siap semuanya simak langkah-langkah nya.
Untuk menampilkan berita terkini di localhost kita perlu membuat file HTML nya, dan dibawah ini adalah script HTML nya.
Save script HTML ini degan nama getrss.html
Dan yang selanjutnya adalah kita perlu membuat file PHP nya untuk memanggil fungsi RSS Feed nya, dan dibawah ini adalah script PHP nya.
Save script PHP nya dengan nama getrss.php
 |
| Gambar 1.0 Cara Membuat Rss feed Berita Terkini di localhost |
Dan uang pertama harus teman-teman siapkan adalah :
- notepad ++ //untuk coding
- xampp //untuk merunning dilocalhostOke jika udah siap semuanya simak langkah-langkah nya.
Untuk menampilkan berita terkini di localhost kita perlu membuat file HTML nya, dan dibawah ini adalah script HTML nya.
Save script HTML ini degan nama getrss.html
<html>
<head>
<script type="text/javascript" src="getrss.js"></script>
</head>
<body>
<form>
Pilih RSS Berita:
<select onchange="showRSS(this.value)">
<option value="Google">Google News</option>
<option value="MSNBC">MSNBC News</option>
<option value="Arabic">Arabic News</option>
</select>
</form>
<p><div id="rssOutput">
<b>RSS Feed akan tampil di sini.</b></div></p>
</body>
</html>
Dan yang selanjutnya adalah kita perlu membuat file PHP nya untuk memanggil fungsi RSS Feed nya, dan dibawah ini adalah script PHP nya.
Save script PHP nya dengan nama getrss.php
<?php
//mengambil parameter q dari URL
$q=$_GET["q"];
if($q=="Google")
{
$xml=("http://news.google.com/news?ned=us&topic=h&output=rss");
}
elseif($q=="MSNBC")
{
$xml=("http://rss.msnbc.msn.com/id/3032091/device/rss/rss.xml");
}
elseif($q=="Arabic")
{
$xml=("http://www.tradearabia.com/rss/xml/ARABNEWS.xml");
}
$xmlDoc = new DOMDocument();
$xmlDoc->load($xml);
//mengambil elemen dari "<channel>"
$channel=$xmlDoc->getElementsByTagName('channel')->item(0);
$channel_title = $channel->getElementsByTagName('title')
->item(0)->childNodes->item(0)->nodeValue;
$channel_link = $channel->getElementsByTagName('link')
->item(0)->childNodes->item(0)->nodeValue;
$channel_desc = $channel->getElementsByTagName('description')
->item(0)->childNodes->item(0)->nodeValue;
//output elements dari "<channel>"
echo("<p><a href='" . $channel_link
. "'>" . $channel_title . "</a>");
echo("<br />");
echo($channel_desc . "</p>");
//get dan output element "<item>"
$x=$xmlDoc->getElementsByTagName('item');
for ($i=0; $i<=2; $i++)
{
$item_title=$x->item($i)->getElementsByTagName('title')
->item(0)->childNodes->item(0)->nodeValue;
$item_link=$x->item($i)->getElementsByTagName('link')
->item(0)->childNodes->item(0)->nodeValue;
$item_desc=$x->item($i)->getElementsByTagName('description')
->item(0)->childNodes->item(0)->nodeValue;
echo ("<p><a href='" . $item_link
. "'>" . $item_title . "</a>");
echo ("<br />");
echo ($item_desc . "</p>");
}
?>
Keterangan : jika kita ingin mendapat berita selain dari Google News, MSNBC News, Arabic News teman-teman tinggal mengganti script di PHP yang berwarna merah.
Oke jika kita sudah membuat file HTML dan PHP nya sekarang kita akan membuat file JavaScript nya, dan dibawah ini adalah untuk script JavaScript nya.
Save Script JavaScript dengan nama getrss.js
var xmlHttp
function showRSS(str)
{
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
{
alert ("Browser does not support HTTP Request")
return
}
var url="getrss.php"
url=url+"?q="+str
url=url+"&sid="+Math.random()
xmlHttp.onreadystatechange=stateChanged
xmlHttp.open("GET",url,true)
xmlHttp.send(null)
}
function stateChanged()
{
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
{
document.getElementById("rssOutput")
.innerHTML=xmlHttp.responseText
}
}
function GetXmlHttpObject()
{
var xmlHttp=null;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;
}
Dan langkah yang terakhir adalah teman-teman tinggal menjalankan nya di localhost. dan nanti tampilannya akan seperti gambar diatas.
Selesay !
Jika ada yang kurang jelas atau kurang mengerti silahkan teman-teman langsung tanya dengan berkomentar dibawah ini.
Semoga artikel Cara Membuat Rss feed Berita Terkini di localhost bisa membantu dan bermanfaat untuk teman-teman.
Note : Jika Teman-teman menyukai artikel Cara Membuat Rss feed Berita Terkini di localhost ini bisa langsung share lewat Facebook, Twitter, Google+. dll.
Terimakasih !
Created By : Unknown - www.nongool.com
Anda sedang membaca artikel tentang Cara Membuat Rss feed Berita Terkini di localhost.Jika anda suka artikel ini, anda dapat share artikel ini dengan disertakannya link yang sesuai dengan postingan ini sebagai sumbernya. silahkan copy link dibawah ini:
- Hak cipta pemilik -
mengapa yang keluar hanya 4 berita saja?
ReplyDeleteuntuk jumlah berita yang keluar itu sesuai dengan feed rss nya google mas, jadi tidak ada batasan untuk berapa jumlah berita yang akan keluar.
Delete*silahkan baca artikel terkait lainnya juga mas, terimakasih sudah berkunjung.
msnbc dan arabic news kok beritanya gak keluar yah?
ReplyDeleteMasa sih mas ?
Deletetadi sudah saya jajal dan untuk berita MNSBC dan ARABIC beritanya tampil kok, coba mungkin mas nya cek file php getrss.php nya untuk yang MNSBC dan ARABIC.
Oia silahkan baca artikel terkait lainnya juga mas, terimakasih sudah berkunjung.