[密技] FeedBurner 設定 Blogger iTunes Podcast Media RSS

若你的 Blogger 網誌,有需求製作音頻單元,提供訪客更多元的學習資源。可以運用 FeedBurneriTunes Podcast ( 播客 ) 功能,燒製有聲 Media RSS;藉由 iTunes 的播送,豐富讀者除了在文字外的感官覺受。

iTunes Podcast Media RSS 製作時 ,需準備一個「網路外連 mp3 音源檔」;另外,如果在 iTunes Podcast 上播放時想顯示專輯封面,也可以預備一張「網路外連等比例 jpg 圖檔」,當作封面材料。

[密技] FeedBurner 設定 Blogger iTunes Podcast Media RSS_001



若你為第一次使用 FeedBurner,可以參考「FeedBurner 將 RSS 作者前 noreply@blogger.com 改為自己的 Email 地址 Step1.」註冊一個帳號,並確認 RSS 供稿為「RSS 2.0 ( http://blogname.blogspot.com/feeds/posts/default?alt=rss )」。好的,接下來,我們動工吧!



相關連結

FeedBurner:「https://feedburner.google.com/



設置前準備

一個網路外連 mp3 音源檔
一張網路外連正方形 jpg 圖檔
確認 RSS 供稿為「http://blogname.blogspot.com/feeds/posts/default?alt=rss」類型



設置流程

  1. FeedBurner 設定在 iTunes 中顯示圖片
  2. Blogger 加入 mp3 外連檔、播放器,確認音源檔成功推播
  3. iTunes 訂閱 FeedBurner Media RSS

設定教學

Step 1

FeedBurner 設定在 iTunes 中顯示圖片

在設置頁面,點選「Analyze 〉Configure Stats」,將「 Item enclosure downloads (podcast downloads)」打勾,再按下「Save」儲存。

[密技] FeedBurner 設定 Blogger iTunes Podcast Media RSS_101



選擇「Optimize 〉Smart Cast」,將「Include iTunes podcasting elements」打勾,於「Podcast image location:」填上圖片位址,並在「Create podcast enclosures from links to」選擇「any rich media file」。

「Podcast author email address:」的框格中輸入自己的電子郵件地址。接著,將「Include "Media RSS" information and add podcast to Yahoo! Search」打勾,於「Podcast author:」的部份則填入作者名稱。確認後,可以按下「Save」儲存。

[密技] FeedBurner 設定 Blogger iTunes Podcast Media RSS_102

(* 目前觀察只有圖片與作者在 iTunes 上才顯示,其他設定則不會顯示。填入 Email 則可以更改預設於 FeedBurner Feed 作者前的「noreply@blogger.com」系統 Email。)



Step 2

Blogger 加入 mp3 外連檔、播放器,確認音源檔成功推播

在寫文章時,於標題或第一張圖片下方設置以下外連 mp3 檔案文本,iTunes Podcast 會自動抓取此段內容。


Check download  <a href="mp3 網址" target="_blank" title="項目名稱">項目名稱</a><br />
<br />
其他文字提要。<br />
<br />


若你的 Blogger 版型支援 HTML 5,也可加入「audio」播放器代碼。(* audio 可加入循環「loop="loop"」、或是自動「autoplay="autoplay"」播放標記。)

<audio controls="controls">
<source src="mp3網址" type="audio/mpeg">
</audio><br />
<br />
Check download  <a href="mp3 網址" target="_blank" title="項目名稱">項目名稱</a><br />
<br />
其他文字提要。<br />
<br />



下面為播放器與下載連結範例:



Check download Big Blue Ocean Cover audio

押尾光太郎 ( Kotaro Oshio ) - Big Blue Ocean Cover audio

音源擷取自 2010 年 自彈影片。




接著,回到 FeedBurner,於「Troubleshootize 〉PodMedic」即可看到音源檔,成功在 Feedburner 上推播。(* 另外,在本篇文章的首張圖片裡,也能見到於 FeedBurner 文章標題下方,有「Play Now」的字樣出現。)

[密技] FeedBurner 設定 Blogger iTunes Podcast Media RSS_201


Step 3

iTunes 訂閱 FeedBurner Media RSS

在設置完成後,若使用 iTunes 訂閱自己的 RSS,應該就能看到圖片了。

[密技] FeedBurner 設定 Blogger iTunes Podcast Media RSS_301



訂閱時,點選「檔案 〉訂閱 Podcast」,在彈出式視窗中貼上 FeedBurner 製作的網址,按下「好」之後,即可完成訂閱動作。

[密技] FeedBurner 設定 Blogger iTunes Podcast Media RSS_302



小結

Blogger 的「<meta>」資料,需設置在「</head>」之前。若有需求為音源設置微資料「itemscope="" itemtype="http://schema.org/AudioObject"」,在這方面就較為不方便。除了 HTML 文本變的肥大外,「<head>」區塊也會變的過於混亂。



相關文章

[密技] FeedBurner 將 RSS 作者前 noreply@blogger.com 改為自己的 Email 地址

如何移除 FeedBurner RSS Feed 作者前方的 noreply@blogger.com

FeedBurner 供稿 RSS Feed 加入 FeedFlare 社群分享按鈕

[教學] FeedBurner 自訂網址綁定自有域名

如何幫 Blogger Feed 建立 RSS 訂閱的首選版本


留言

繼續閱讀:

這個網誌中的熱門文章

[密技] Windows OneDrive Dropbox 移至 SD 卡,讓 SSD 使用壽命更長久

[外掛] Chrome 擴充:ColorPick Eyedropper 網頁色碼擷取器

[教學] Google Compute Engine ( GCE ) 使用 PuTTY SSH 登入實例

[教學] Twitter 手機簡訊、APP 兩步驟驗證設定

Line 分享按鈕:文章分享語法相容網頁版、行動裝置、APP

[教學] Facebook APP ID 申請,建立應用程式取得 APP 密鑰

[教學] LINE 電腦版行動條碼登入設定

[外掛] Chrome 擴充:Window Resizer 瀏覽器視窗大小調整比例

[教學] 使用 PuTTYgen 產生 SSH 連線 RSA、DSA 公鑰與私鑰

[教學] Blogger 自訂網址綁定自有域名