...+

วันพฤหัสบดีที่ 26 เมษายน พ.ศ. 2550

วิธีการนำบล็อกไปใส่ในเว็บไซต์ ( RSS to Javascript to Homepage)

สำหรับท่านที่มี blog และอยากจะนำหัวข้อใน blog ไปใส่ไว้ในเวบไซต์ต่างๆ เรามีวิธีการดึงข้อมูลอย่างง่ายๆ ไปใส่ที่เวบไซต์ได้ทันที

เช่น blog ของ blogspot

เว็บไซต์ของท่านจะได้ดู update อยู่ตลอดเวลา

วิธีการที่กำลังจะอธิบายนี้ เรียกว่า RSS to Javascript ขั้นตอนคร่าวๆ คือ
1. นำ RSS ของบล็อก แปลงให้เป็น Javascript โดยใช้บริการจากเว็บไซต์เฉพาะ

นี่คือแหล่้งรวมเครื่องมือเหล่านี้ครับ

Feed and RSS Tools in 5 Steps


http://3spots.blogspot.com/2006/02/feed-and-rss-tools-in-5-steps.html

จากหน้าเวบไซต์ ในที่นี้ เลือก Feed2JS.org
จะเห็นดังหน้าจอ

คลิกที่ Build เพื่อกรอก rss feed
โดยคุณต้อง copy เอาลิงค์ของ RSS มาใส่ไว้

คลิกเข้าไป แล้ว Copy ในส่วน


URL Enter the web address of the RSS Feed

Note: Please verify the URL of your feed (make sure it presents raw RSS) and check that it is valid before using this form.

ตัวอย่าง feed ของเวบนี้ คือ
http://onknow.blogspot.com/feeds/posts/default

จะอยู่ที่
Subscribe to: Posts (Atom)

ตรงตำแหน่งล่างสุดของหน้านี้





ปรับแต่งรายละเอียดตามต้องการ แล้วคลิกที่ Preview Feed ดูตัวอย่าง
เมื่อพอใจแล้ว คลิกที่ Generate Javascript

Show n' Tell!



จะได้ข้อมูลดังภาพ


Using RSS Feeds in your web pages is just a cut 'n paste away!

Build a Feed!

The tool below will help you format a feed's display with the information you want to use on your web site. All you need to enter is the URL for the RSS source, and select the desired options below. Note that we now have a number of mirror Feed2JS sites that can provide the exact same service as we provide here.

First, be sure to use the preview button to verify the content and format. Once the content is displayed how you like, just use the generate javascript button to get your code. Could it be an easier? The last step is exploring your options for stylizing your displayed feed.

Get Your Code Here

cut and paste javascript:

URL Enter the web address of the RSS Feed

Note: Please verify the URL of your feed (make sure it presents raw RSS) and check that it is valid before using this form.

Show n' Tell!


Show channel? (yes/no/title) Display information about the publisher of the feed (yes=show the title and description; title= display title only, no=do not display anything)
yes title no

Number of items to display. Enter the number of items to be displayed (enter 0 to show all available)

Show/Hide item descriptions? How much? (0=no descriptions; 1=show full description text; n>1 = display first n characters of description; n=-1 do not link item title, just display item contents)

Use HTML in item display? ("yes" = use HTML from feed and the full item descriptions will be used, ignoring any character limit set above; "no" = output is text-only formatted by CSS; "paragraphs" = no HTML but convert all RETURN/linefeeds to
to preserve paragraph breaks)
yes no preserve paragraphs only

Show item posting date? (yes/no) Display the time and date for each item.
yes no

Time Zone Offset (+n/-n/'feed') Date and timer are converted to GMT time; to have display in local time, you must enter an offset from your current local time to Thu, 26 Apr 2007 09:10:11 +0000 (GMT). If your local time is 5 hours before GMT, enter -5. If your local time is 8 hours past GMT, enter +8. Fractional offsets such as +10:30 must be entered as decimal +10.5. If you prefer to just display the date is recorded in the RSS, use a value = feed

Target links in the new window? (n="no, links open the same page", y="yes, open links in a new window", "xxxx" = open links in a frame named 'xxxx', 'popup' = use a JavaScript function popupfeed() to open in new window)

UTF-8 Character Encoding
Required for many non-western language web pages and also may help if you see strange characters replacing quotes in your output (see help pages for more information).
use UTF-8 character encoding

Podcast enclosures
For RSS 2.0 feeds with enclosures, display link to media files (see style notes for modifying display of the links)
yes no

Custom CSS Class (advanced users)
Use to create different styles for multiple feeds per page. Specify class for content as rss-box-XXXX where XXXX is the value entered below. Style sheets must be created in accordance with Feed2JS guidelines.

Feed2JS :

ไม่มีความคิดเห็น:

แสดงความคิดเห็น