怎麼讓自己的部落格有音樂? 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
往下拉到這個畫面~
會看到三個編輯窗格,分別是skin(版型模式編輯區,當你在編輯時,會即時預覽給你看,我這是選紫色實格的樣式版型,在網頁的上方就出現紫色實格的預覽樣式哩!)、playlist(播放清單編輯區,在這邊你必須到youtube或其他提供分享的網站找想要的歌取網址依序增加編輯之。我以林俊傑的不為誰作的歌來示範給你看!)、final setting(最後設定區,在這邊設定完成後就會出現原始碼,複製到部落格就完成了!),按上方步驟線上編輯完成,就可以讓自己的部落格有音訊播出了!
skin:
版型模式編輯區,當你在編輯時,會即時預覽給你看,我這是選紫色實格的樣式版型,在網頁的上方就出現紫色實格的預覽樣式哩!
playlist:
播放清單編輯區,在這邊你必須到youtube或其他提供分享的網站找想要的歌曲網址依序編輯增加之。
想知道這首歌能不能適用播放,在下方的備註區有方法確認!我將以林俊傑的不為誰作的歌來示範給你看!
在 song title 的區塊可以輸入中文或英文的歌曲資訊,像我就輸入林俊傑 不為誰作的歌。
在 song url 的區塊可以輸入/貼上想播出音訊的網址即可,像我就輸入歌曲網址 https://www.youtube.com/watch?v=gd38-X3HpbM 。
想加什麼歌,就趁此時編輯進來吧!
如果想加的欄位不夠,就點選欄位左下方的add more song吧!只要你想,加個上百首播放都沒問題呢!
備註:
在youtube平台播放的音訊如果願意讓別人分享的話,才會有嵌入碼唷!不見得每首歌都會提供分享,有時提供者也會將原本願意讓他人分享此歌的選項關掉,這時原本可以播的歌就不能播放了唷!
我以林俊傑的不為誰作的歌來示範!
在播放列下方的林俊傑紅色訂閱按鍵下面會有新增至、分享跟…更多等選項,點選分享這個選項,就會出現分享、嵌入跟電子郵件等選項,請點選嵌入,就會出現嵌入碼了!
final setting:
最後設定區,在這邊設定完成後就會出現原始碼,再將原始碼複製到部落格就完成了!
在下方欄位勾選auto play(自動播放),想要重複播放的話,就保留repeat playlist ,最後按欄位右下方的 done 就會出現原始碼了!
按完done後,出現原始碼的畫面~
我用痞客邦為例!
我是用新版的痞客邦管理後台,先開啟管理後台,再點選側欄管理!
出現側欄管理的頁面後,點選右側的新增版位,也就是我滑鼠標停留的位置!
出現以下畫面,標題自訂,我是打misic,在內容區塊的部分,我是貼上剛剛複製好的原始碼,點選送出。
在編輯好music這個板塊後,這板塊會在版位暫存區的最下方,將之拉到可以顯示的側欄區塊即可完成編輯!
就可以開心聽歌哩!
如果你是blogger的使用者,請點入設定,點選版面配置,拉到最下方的footer區,隨便選一個進去編輯,依樣編輯標題跟在內容部分貼上原始碼,再儲存版面設置就好了!
原則上,你只要有這免費取得的原始碼,你想加哪個網頁就加哪個,完全不受限制,實在很方便又簡單,如果你想為自己的網頁新增點音樂,就一起來試看看這個方便的線上應用程式吧!
分享完畢~
如果喜歡我文章的朋友,麻煩給我一點鼓勵(留言、按讚、按推或分享)唷~
感謝您!
作者相關資訊:
宅女懶懶子的生活圖文誌
http://geewui.pixnet.net
臉書粉絲團:
https://www.facebook.com/chatwithhaylei
Email:[email protected]