Posted in: 網際資訊相關

怎麼讓自己的部落格有音樂? SCM Music Player 以下介紹並示範之!【部落格應用】by 宅女懶懶子 不為誰作的歌

怎麼讓自己的部落格有音樂? SCM Music Player 以下分享並示範之!【部落格應用】by 宅女懶懶子 不為誰作的歌

怎麼讓自己的部落格有音樂? SCM Music Player 以下介紹並示範之!【部落格應用】by 宅女懶懶子 不為誰作的歌 網際資訊相關

 

我不喜歡一打開網頁就有聲音的部落格!

不過,不少朋友喜歡有音樂伴隨並閱讀文章,因此,這次就來分享一個部落格軟件給大家。

以下會做示範教學給大家看!

一起來看看怎麼讓自己的部落格有音樂吧!

怎麼讓自己的部落格有音樂? SCM Music Player 以下介紹並示範之!【部落格應用】by 宅女懶懶子 不為誰作的歌 網際資訊相關

我用的是: SCM Music Player!

 

線上應用程式網址:http://playlist.me/w/i.php

這線上軟體是免費的!!!

只要線上編輯好想播放的音訊,再複製原始碼到部落格就能使用哩!

在痞客邦的話,只要進入管理後台,選側欄管理,到最右邊的那欄版位暫存區,點選新增版位,貼上剛剛複製的原始碼,按確定後,將這新增的版位拉到側欄顯示區就好了!

只要完成上述步驟,即可在你的部落格網頁出現您想撥放的音訊哩!

由於 SCM Music Player 是免費開放原始碼,因此,可以支援 Pixnet,Tumblr, Blogger, and WordPress等個人網頁應用。

整體而言,這是一款施作方便又符合簡易音訊播放需求的線上應用軟件,也一起來試試吧!


步驟截圖示範如下,請參考!

這是點進SCM Music Player的線上應用網址時出現的畫面。

線上應用程式網址:http://playlist.me/w/i.php

怎麼讓自己的部落格有音樂? SCM Music Player 以下介紹並示範之!【部落格應用】by 宅女懶懶子 不為誰作的歌 網際資訊相關

往下拉到這個畫面~

會看到三個編輯窗格,分別是skin(版型模式編輯區,當你在編輯時,會即時預覽給你看,我這是選紫色實格的樣式版型,在網頁的上方就出現紫色實格的預覽樣式哩!)、playlist(播放清單編輯區,在這邊你必須到youtube或其他提供分享的網站找想要的歌取網址依序增加編輯之。我以林俊傑的不為誰作的歌來示範給你看!)、final setting(最後設定區,在這邊設定完成後就會出現原始碼,複製到部落格就完成了!),按上方步驟線上編輯完成,就可以讓自己的部落格有音訊播出了!


skin

版型模式編輯區,當你在編輯時,會即時預覽給你看,我這是選紫色實格的樣式版型,在網頁的上方就出現紫色實格的預覽樣式哩!

怎麼讓自己的部落格有音樂? SCM Music Player 以下介紹並示範之!【部落格應用】by 宅女懶懶子 不為誰作的歌 網際資訊相關


playlist

播放清單編輯區,在這邊你必須到youtube或其他提供分享的網站找想要的歌曲網址依序編輯增加之。

想知道這首歌能不能適用播放,在下方的備註區有方法確認!我將以林俊傑的不為誰作的歌來示範給你看!

在 song title 的區塊可以輸入中文或英文的歌曲資訊,像我就輸入林俊傑 不為誰作的歌。

在 song url 的區塊可以輸入/貼上想播出音訊的網址即可,像我就輸入歌曲網址 https://www.youtube.com/watch?v=gd38-X3HpbM  。

想加什麼歌,就趁此時編輯進來吧!

如果想加的欄位不夠,就點選欄位左下方的add more song吧!只要你想,加個上百首播放都沒問題呢!

怎麼讓自己的部落格有音樂? SCM Music Player 以下介紹並示範之!【部落格應用】by 宅女懶懶子 不為誰作的歌 網際資訊相關

備註:

在youtube平台播放的音訊如果願意讓別人分享的話,才會有嵌入碼唷!不見得每首歌都會提供分享,有時提供者也會將原本願意讓他人分享此歌的選項關掉,這時原本可以播的歌就不能播放了唷!

我以林俊傑的不為誰作的歌來示範!

在播放列下方的林俊傑紅色訂閱按鍵下面會有新增至、分享跟…更多等選項,點選分享這個選項,就會出現分享、嵌入跟電子郵件等選項,請點選嵌入,就會出現嵌入碼了!

怎麼讓自己的部落格有音樂? SCM Music Player 以下介紹並示範之!【部落格應用】by 宅女懶懶子 不為誰作的歌 網際資訊相關

 


final setting

最後設定區,在這邊設定完成後就會出現原始碼,再將原始碼複製到部落格就完成了!

在下方欄位勾選auto play(自動播放),想要重複播放的話,就保留repeat playlist ,最後按欄位右下方的 done 就會出現原始碼了!

怎麼讓自己的部落格有音樂? SCM Music Player 以下介紹並示範之!【部落格應用】by 宅女懶懶子 不為誰作的歌 網際資訊相關

按完done後,出現原始碼的畫面~

怎麼讓自己的部落格有音樂? SCM Music Player 以下介紹並示範之!【部落格應用】by 宅女懶懶子 不為誰作的歌 網際資訊相關

我用痞客邦為例!

我是用新版的痞客邦管理後台,先開啟管理後台,再點選側欄管理!

怎麼讓自己的部落格有音樂? SCM Music Player 以下介紹並示範之!【部落格應用】by 宅女懶懶子 不為誰作的歌 網際資訊相關

出現側欄管理的頁面後,點選右側的新增版位,也就是我滑鼠標停留的位置!

怎麼讓自己的部落格有音樂? SCM Music Player 以下介紹並示範之!【部落格應用】by 宅女懶懶子 不為誰作的歌 網際資訊相關

出現以下畫面,標題自訂,我是打misic,在內容區塊的部分,我是貼上剛剛複製好的原始碼,點選送出。

怎麼讓自己的部落格有音樂? SCM Music Player 以下介紹並示範之!【部落格應用】by 宅女懶懶子 不為誰作的歌 網際資訊相關

在編輯好music這個板塊後,這板塊會在版位暫存區的最下方,將之拉到可以顯示的側欄區塊即可完成編輯!

就可以開心聽歌哩!

如果你是blogger的使用者,請點入設定,點選版面配置,拉到最下方的footer區,隨便選一個進去編輯,依樣編輯標題跟在內容部分貼上原始碼,再儲存版面設置就好了!

原則上,你只要有這免費取得的原始碼,你想加哪個網頁就加哪個,完全不受限制,實在很方便又簡單,如果你想為自己的網頁新增點音樂,就一起來試看看這個方便的線上應用程式吧!

 

分享完畢~
如果喜歡我文章的朋友,麻煩給我一點鼓勵(留言、按讚、按推或分享)唷~
感謝您!

作者相關資訊

宅女懶懶子的生活圖文誌
http://geewui.pixnet.net
臉書粉絲團:
https://www.facebook.com/chatwithhaylei
Email:[email protected] 

如果你也心有戚戚焉~

Back to Top

Social Widgets powered by AB-WebLog.com.