RSSTHAI - สถานีกระจายข่าว 24 ชั่วโมง สนับสนุนคนไทยได้อ่านข่าว

สำหรับสมาชิกเขียนข่าว | สำหรับผู้รายงานข่าว | วิธีนำ RSS ไปติดหน้าเว็บไซต์ | จำหน้านี้ไว้เป็นหน้าแรก

ค้นหา

14 พฤษภาคม 2551

รายชื่อเว็บไซต์ที่ติดตั้ง RSSTHAI.....

RCWEB.NET
ชุมชนคนรักรถแข่ง...

GOOGIG.COM
ใครไม่กิ๊ก...กูกิ๊ก

PRETTYFILE.COM
web collection

ข่าวรายวัน

ข่าวล่าสุด

บันเทิง

เศรษฐกิจ

หุ้น

การเมือง

ต่างประเทศ

ไอที

เกมส์

กีฬา

การศึกษา

ภาพยนต์

ท่องเที่ยว

ไลฟ์สไตล์

ภูมิภาค

รถยนต์

ศิลปะ-การออกแบบ

Academy FS

เอสเอ็มอี

สัตว์เลี้ยง

สุขภาพ

RSS คืออะไร

เว็บบอร์ด

นำข่าวไปติดหน้าเว็บไซต์

สมาชิกเขียนข่าว

ผู้รายงานข่าว

ติดต่อเรา

วิธีนำ RSS ไปติดตั้งที่เว็บไซต์

เนื่องจาก RSS มีรูปแบบไฟล์ที่เป็น XML ดังนี้นการนำ RSS ไปติดที่เว็บไซต์จึงสามารถทำได้หลายวิธี เช่น การเรียกด้วย JavaScript, การเรียกด้วยสคริปท์ PHP หรือ ASP.Net นอกจากนี้ โปรแกรม CMS ต่างๆ เช่น phpNuke, Mambo ก็สามารถแสดง RSS ได้แล้วเช่นกัน ในขณะนี้ทาง RSSTHAI ได้ทำตัวอย่างสคริปท์ไว้ 3 ชนิดคือ แบบ Javascript, แบบ PHP และ Mambo Module

วิธีแสดงข่าวด้วย Javascript

การแสดงด้วย Javascript จะเป็นวิธีที่ง่ายที่สุด เนื่องจากไม่จำเป็นต้องโหลดไฟล์ไปติดตั้งในเครื่อง server และสามารถใช้ได้ในทุกหน้าเว็บ แต่วิธีนี้จะไม่สามารถแสดงรูปข่าวได้
วิธีนำไปใช้ ให้นำรูปแบบ Script ด้านล่างนี้ไปแทรกไว้ใน tag ของ html ส่วนที่ต้องการให้แสดงผล

รูปแบบของการแสดงผล คุณสามารถที่จะเลือก Script ตามรูปแบบที่จัดเตรียมไว้ให้ไปใช้ได้เลยในขณะนี้มีอยู่7 แบบ

เพื่อรูปแบบที่ต่างออกไปคุณสามารถกำหนดค่าภายใน Script เองได้ โดยมีวิธีกำหนดค่าต่างๆดังนี้

รูปแบบการกำหนดค่าการแสดงผลด้วย Javascript

แบบที่ 1

Script

<script language="JavaScript" type="text/JavaScript" src="http://www.rssthai.com/rssreader.aspx?rssuri=http://www.rssthai.com/rss/entertain.xml&rowcount=5"></script>

การแสดงผล

Tip

มาเปลี่ยนประเภทข่าวกันดีกว่า

กลับไปด้านบน

แบบที่ 2

Script

<ul style="list-style-type: square">
<script language="JavaScript" type="text/JavaScript" src="http://www.rssthai.com/rssreader.aspx?rssuri=http://www.rssthai.com/rss/entertain.xml&rowcount=5"></script>
</ul>

การแสดงผล

Tip

เปลี่ยนสัญลักษณ์แทนจุดวงกลม

กลับไปด้านบน

แบบที่ 3

Script

<ul style=" list-style-image: url(http://www.rssthai.com/images/star.gif); ">
<script language="JavaScript" type="text/JavaScript" src="http://www.rssthai.com/rssreader.aspx?rssuri=http://www.rssthai.com/rss/entertain.xml&rowcount=5"></script>
</ul>

การแสดงผล

Tip

เปลี่ยนสัญลักษณ์แทนจุดวงกลม

กลับไปด้านบน

แบบที่ 4

Script

<marquee width="100%" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=1" scrollAmount="1" scrollDelay="27" truespeed="true">
<script language="JavaScript" type="text/JavaScript" src="http://www.rssthai.com/rssreader.aspx?rssuri=http://www.rssthai.com/rss/entertain.xml&viewtype=horz&imageuri=http://www.rssthai.com/images/icon_dot.gif&rowcount=5"></script>
</marquee>

การแสดงผล

Tip

กลับไปด้านบน

แบบที่ 5

Script

<marquee width="100%" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=1" scrollAmount="1" scrollDelay="27" truespeed="true" direction="up">
<script language="JavaScript" type="text/JavaScript" src="http://www.rssthai.com/rssreader.aspx?rssuri=http://www.rssthai.com/rss/entertain.xml&rowcount=10"></script>
</marquee>

การแสดงผล

Tip

ทำให้ข่าววิ่งเร็วขึ้นจะแก้ตรงไหน

กลับไปด้านบน

แบบที่ 6

Script

<ul style=" list-style-image: url(http://www.rssthai.com/images/icon_doc.gif); ">
<script language="JavaScript" type="text/JavaScript" src="http://www.rssthai.com/rssreader.aspx?rssuri=http://www.rssthai.com/rss/it.xml&rowcount=5&viewtype=full"></script>
</ul>

การแสดงผล

Tip

จะแสดงแค่หัวข้อข่าวทำยังไง

กลับไปด้านบน

แบบที่ 7

Script

<ul style=" list-style-image: url(http://www.rssthai.com/images/icon_doc.gif); ">
<script language="JavaScript" type="text/JavaScript" src="http://www.rssthai.com/rssreader.aspx?rssuri=http://www.rssthai.com/rss/it.xml&rowcount=5&viewtype=full&datetype=thaifull"></script>
</ul>

การแสดงผล

Tip

อยากรู้จังว่ารูปแบบการแสดงเวลามีกี่แบบ
เพิ่มจำนวนข่าวกันดีกว่า

กลับไปด้านบน

- เปลี่ยนประเภทข่าว
scrip ทุกแบบจะมีการเลือกประเภทของข่าว

<script language="JavaScript" type="text/JavaScript" src="http://www.rssthai.com/rssreader.aspx?rssuri=http://www.rssthai.com/rss/entertain.xml&rowcount=5"></script>

การจะเลือกประเภทข่าวนั้นเพียงแค่เปลี่ยนค่าของตัวแปรนี้(ส่วนสีนำ้เงิน)ไปเป็นค่าอื่นๆต่ามประเภทข่าวนั้น เช่น
ตัวอย่าง
rssuri=http://www.rssthai.com/rss/it.xml
rssuri=http://www.rssthai.com/rss/stock.xml
......ข่า่วประเภทอื่น.....

กลับไปด้านบน

- รูปแบบการแสดงเวลา

เปลี่ยนค่าของตัวแปรตัวนี้

<ul style=" list-style-image: url(http://www.rssthai.com/images/icon_doc.gif); ">
< script language="JavaScript" type="text/JavaScript" src="http://www.rssthai.com/rssreader.aspx?rssuri=http://www.rssthai.com/rss/it.xml&rowcount=5&viewtype=full&datetype=thaifull"></script>
< /ul>

ตัวอย่าง
datetype=none
datetype=thaifull

รูปแบบอื่นๆ..

กลับไปด้านบน

- ทำให้ข่าววิ่งเร็วขึ้น

<marquee width="100%" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=1" scrollAmount="1" scrollDelay="27"

</marquee

script ขุดนี้ใช้เพื่อเลื่อน text ค่าความเร็วนั้นขึ้นอยู่กับค่าของตัวแปร

scrollDelay ซึ่งเราสามารถเปลี่ยนได้(จากตัวอย่างคือ 27)

กลับไปด้านบน

- ถ้าอยากได้ description ของข่าวมาแสดงด้วย
เพียงแค่เปลี่ยนค่าของ viewtype ไปเป็น full
แต่ถ้าจะแสดงแค่หัวข้อข่าวเพียงแค่เปลี่ยนค่าของ viewtype ไปเป็น title
ตัวอย่าง
$rssreader->viewtype="full";

กลับไปด้านบน

- เพิ่มจำนวนข่าว

เพียงแค่เปลี่ยนค่าของ rowcount ไปเป็นจำนวนที่ต้องการ

ตัวอย่าง

rowcount=5

กลับไปด้านบน

- เปลี่ยนสัญลักษณ์แทนจุดวงกลม

การแสดงผลสัญลักษณ์แทนจุดวงกลม ทำได้โดยเปลี่ยนค่าตัวแดงใน <ul style="list-style-type: changehere">
ค่าและสัญลักษณ์ที่ได้ดังตารางด้านล่าง

disc	หัวข้อข่าว หัวข้อข่าว
circle	หัวข้อข่าว หัวข้อข่าว
square	หัวข้อข่าว หัวข้อข่าว
decimal	หัวข้อข่าว หัวข้อข่าว
lower-roman	หัวข้อข่าว หัวข้อข่าว
upper-roman	หัวข้อข่าว หัวข้อข่าว

ตัวอย่าง

กลับไปด้านบน

กำหนดค่าอื่นๆ เพิ่มเติม ...