close

下載外掛程式網址:http://www.tecnorama.org/document.php?id_doc=68(若您發現網站失效請在下方回應處告知,感謝!)


簡易教學如下:


步驟一、點入網址後,在網頁下方,找到連結如下圖,點擊後開始下載外掛程式


步驟二、安裝Dreamweaver外掛程式


安裝方式,請參考本部落格文章
Dreamweaver外掛-類似lightbox效果的步驟二、步驟三教學,即可完成安裝


步驟三、重新開啟Dreamweaver後,在「插入」視窗找到RSS(如下圖左),點入後,即可看到下圖右畫面,請接著點擊下圖右方指示列



步驟四、在下方出現的視窗中,輸入RSS來源的名稱以及網址如下(最下方會補充說明),請記得您所KEY入的RSS Name喔!因為接下來的步驟會用到



步驟五、先在網頁中點擊要放置的地方後,再依照下圖步驟設定,下方步驟2,請輸入上方您設定過的RSS名稱




步驟六、貓奴直接先完成下方步驟了,因為每一個項目的放置,都和步驟五相同。貓奴有特別加上編號和指示線,好讓您了解。


步驟七、下圖是在網頁預覽與HTML的對照圖,有空白的地方代表RSS來源並無資料


步驟八、說明RSS項目


步驟九、整理一下,把無效或空白的項目拿掉,然後把New Link改成想要的文字


步驟九的結果如下


步驟十、開始設定要放的RSS項目數量了,請先選擇RSS項目的範圍,建議在程式碼中選取,比較不會造成標籤不正確的問題,然後點下圖右下的連結列(最後一個)


延續上方,請依照下圖指示,設定要出現的項目數量


 


完成了,請至瀏覽器預覽結果,如果您發現呈現的方式怪怪的,請回到程式碼看看,是不是步驟十設定好後,有標籤跑位問題,如果有,請手動修改,貓奴製作的時候,有跑位喔!




最後,來說明RSS的來源,貓奴示範的是奇摩的RSS,當然也有其它可用的RSS來源


 


RSS新聞聯播網址,請先進入網址http://tw.news.yahoo.com/rss/
即可看到很多新聞分類,選擇一個您想要的新聞分類,點進去後,複製網址即可,上方為示範「生活新聞」-http://tw.news.yahoo.com/rss/life。



幫我點個廣告,花不了您幾秒鐘,卻是對我發文最大的鼓勵喔!貓奴感謝你!



arrow
arrow
    全站熱搜

    貓奴便利站 發表在 痞客邦 留言(0) 人氣()