[unboxing][hrads]

熱門標籤

☆重要訊息:Blogger 官方近期推出的「RWD 自適應範本主題」沒有『行動服務』的設定選項,如果您是觀察「技研可樂」裡的文章做自己網站的設計,使用「自適應範本主題」的使用者可以直接依「技研可樂」文章裡的『電腦版』方式做設定即可完成佈置,不需要開啟『行動服務』。☆

  Blogger 自訂網址應用 CloudFlare HTTPS 系列文章:「CloudFlare

  Blogger HTTPS 相關文章列表:「HTTPS

  Blogger AdSense 廣告放置與相關自適應廣告佈屬文章列表:「AdSense

  Blogger 常用頁面判斷式用法一列表:「Blogger 常用頁面判斷式用法一覽表

[密技] 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 訂閱的首選版本



分享

加入代碼加入代碼

若您在閱覽文章時,於文章頁面找不到相關的應用主題,歡迎移駕到『站內留言』一起研究討論,謝謝!

使用超連結:<a href="https://www.techcoke.com/">技研可樂</a> =『技研可樂

加入圖片 ( https ):支援 HTTPS 網址型式的 .jpg .png 格式圖檔,直接貼入 HTTPS 圖片網址即可在留言時顯示!

支援非嵌入 Youtube 視頻:https://www.youtube.com/watch?v=hdfSISI24Xk (* 瀏覽器網址列中的 Youtube 網址 )

&&amp;'&#039;"&quot;<&lt;>&gt;
技研可樂 © 2013 - 2017

Contact Form

Name

Email *

Message *