[公告] 痞客邦新服務上線 每日星座運勢測算[公告] 痞客邦應用市集全新改版![公告] 痞客邦「應用市集」新 App 上架-iFontCloud Professional[公告] 痞客邦後台發表文章提供插入多張圖片新功能[公告]痞客邦新服務上線 部落客商店聚集就在《痞市集》
公告版位
歡迎大家來參觀並且多多留言~ (最近廣告信又來了!所有廣告留言我一定會刪而且會把留言者加入黑名單,請自重~~) Related Posts with Thumbnails

常在許多個人部落格當中,可以聽到格主分享好聽的音樂,而這些音樂的播放大多使用部落格官網平台提供的音樂播放器組件或JAVA Script做成的插件套用至部落格內來播放音樂。

目前國內各個部落格平台提供的方式不甚相同,以我之前使用無名來說就是提供組件來進行套用,而在痞客幫裡,我大概搜尋了一下,並沒有直接提供這樣的組件套用服務,使用者必須以手動的方式來完成。

雖然這樣比較麻煩點,但能夠親手完成也不啻為一件樂趣的事啊!

 

其實在痞客幫的官網裡,針對各種不同功能都有很不錯的教學說明網頁,大家可以善加利用,真的有問題提出發問他們的客服也會儘快的處理。就以我這篇文章來說,其實痞客幫的官網也做了以下的簡易教學說明:

(點選下圖可直接連至官網說明)

如何在部落格放置音樂播放器?

 

 

另外,我做了一篇無痛版本的圖文說明,希望對於操作程序不清楚的地方能有更詳盡的解說。

 

01.首先,以個人帳號、密碼登入部落格後點選「管理後台」(此畫面會因個人所選樣式有所不同)

Step_01.jpg

 

02.進入管理後台以後點選「相簿」,然後再選一個你想要放置音樂檔案的相簿,在此我們選的是「test」

Step_02.jpg

 

03.點選test相簿後會進入到管理畫面,此時點選「上傳檔案」

Step_03.jpg

 

04.點選「選取檔案」

Step_04.jpg

 

05.此時會出現一個對話框,去找出妳要播放的音樂檔案後再按 第三步驟「開啟」

Step_05.jpg

 

06.可直接點選畫面中間那個「開始上傳」的按鈕或是右下角的「上傳檔案並儲存資訊」

Step_06.jpg

 

07.上傳完成後會跳出此對話框,直接按「確定」Step_07.jpg

 

08.此時會跳回原來準備上傳的畫面,這時可直接點選畫面紅框那個小圖示直接看我們上載的檔案

Step_08.jpg

 

09.在畫面的正中間出現的那個 Desktop Screenshot.mp3 就是我們剛才上傳到相簿的音樂檔案。

     不曉得你有沒有發覺這個畫面很熟悉?沒錯!平常我們上傳的相簿也是用同樣的方式,這裡除了相片以外包含音樂

     檔及影片都可以用此種方式上傳。

     接下來我們繼續往下看,在出現這個檔案畫面後在我們可點選PLAY先試聽或可直接點選下方的「外崁語法」,此

     時會跳出另一個畫面讓你點選,依個人點選需求的不同在 3. 的那個框框所產生的語法也會有所不同,如果現在做

     了選擇以後想要變更的話就要直接回到這個步驟做修改後產生新的語法再套用至播放器的設定才有用。

 

     此時我們要做的就是將3.語法裡面的文字用滑鼠由左至右拉反白後按滑鼠右鍵(也可直接按鍵盤的 Ctrl + C)複製

     整個語法

Step_09.jpg

 

10.複製語法完成後點選1.「部落格」,再點選2.「側邊欄位設定」,最後再點選3.「新增欄位」

Step_10.jpg

 

11.點選新增欄位後會出現輸入資訊的頁面,這時我們先在1.的空白框內輸入這個欄位的名稱,在此我們輸入”聽音樂

     吧!”或你也可設定你自訂的名稱,例如”Honey喜歡的歌” ←這有點噁~當我隨便說說好了!歹勢~~

 

     完成後將滑鼠移到2.的「自訂欄位內容空白框裡」點一下,再按滑鼠右鍵選擇貼上(也可以按鍵盤的 Ctrl + V)

Step_11.jpg

 

12.此時會在畫面右下角出現一個叫做”聽音樂吧!”的欄位,接下來則是把滑鼠移到右下方的「聽音樂吧!」這個新

     增欄位按住滑鼠左鍵不放往左方拖,在你認為合適的位置放開滑鼠左鍵即可。(在左側欄中如果要調整上下的位

     置一樣用滑鼠拖放即可)

Step_12.jpg

 

13.拖放完成後就會像1.的圖框所標示。此時我們再選取2.「儲存版面」就大功告成了!

     選取3.「我的部落格」看結果吧!

Step_13.jpg

 

客倌~~看到沒!在我的大頭點下方有沒有看到一個播放器正在播放著你喜歡的音樂呢?

Step_14.jpg

 

後記:痞客幫是個很不錯的部落格平台,它提供了許多好用的工具及更彈性的方式讓大家盡情發揮,說實在的比起無

         名好太多了!但痞客幫在音樂播放器這部份說實在的沒有無名來得方便,都需要使用者以手動的方式來新增,

         這或許是顧慮到音樂版權的問題才會有此較不便的做法吧!Who knows?

         其實我寫的這篇很多痞客幫的好友們其實都已經知道如何使用了,只是前幾天有位朋友問我要如何設定播放音

         樂,所以就用了一些時間寫了一篇較詳細的圖文語明,如有錯誤的地方還望不吝指正。最後也請各位在上傳音

         樂的同時能注意到版權的問題,別不小心觸法了!

 

                                                             祝大家使用愉快~~

 

Posted by Neil at 痞客邦 PIXNET 留言(69) 引用(1) 人氣()


open trackbacks list Trackbacks (1)

  • 在痞客邦加入背景音樂播放器

    <p>本文引用自<a href="http://thomes.pixnet.net/blog/post/31260700">thomes - 如何在痞客幫部落格放置音樂播放器</a></p> <h2

留言列表 (69)

Post Comment
  • TINA
  • 謝謝你的分享.我也在找這個資訊
    剛好派上用場.實在太開心了!
    3Q〜^_^
  • 別那麼客氣啦~我也只是把我知道的寫出來幫助大家啊!
    如果有不清楚的地方再問我好了!
    謝謝~~

    Neil replied in 2010/06/24 12:45

  • jeneye
  • 謝謝你的詳細說明文,我也會用了耶~~
  • 不客氣~~
    謝謝你來參觀!

    Neil replied in 2010/06/26 10:14

  • 拉拉
  • 你的此篇終於解決我的困擾
    謝謝
    我也成功了喔
    大推中
  • 我只是希望把我所會的寫出來多幫助大家而已,別麼客氣啦~
    但還是很高興能對你有所幫助~~

    Neil replied in 2010/07/01 17:00

  • 辛芭比
  • 謝謝你的大方分享~但想再請教,如果我想播整張專輯的,要怎麼做呢??上面的教學,好像只能播單曲而已~不知如何播放多首歌???3Q!!
  • 我有試了幾種可同時播放多首音樂的方式,最最最簡單的大概是把檔案傳到有支援MP3播放的硬碟空間,我是用一家叫做酷狗的網站,你可直接把檔案往酷狗丟然後產生播放器的語法再貼回痞客幫的側欄即可,就像我現在的首頁顯示的那樣,你可以試試看!

    Neil replied in 2010/07/02 23:15

  • laya123
  • 感謝 感謝~
  • 不客氣~ 希望對你有所幫助!

    Neil replied in 2010/07/02 23:16

  • wishomakase
  • 你好細心ㄟ....
    以後多寫一些這類的東西
  • 妳太客氣了啦....
    我還有很多東西要學習,我只是把我會的東西與大家一起分享
    像我覺得亞希斯。雷就蠻厲害的!我要多跟他學著點才是...

    Neil replied in 2010/07/12 01:59

  • gsn6102
  • 帥耶

    你實在是太細心了 老師交完我就忘呵@@ 幸好有你 謝摟@@
  • 哈哈~你跟我以前一樣啊!常常老師教的左耳進,右耳出,所以每次考試都考的很爛!
    要加油啊~~~

    Neil replied in 2010/07/12 22:38

  • 辣媽
  • 如何在部落格放置音樂播放器

    你的說明很仔細,且很快就上手了,非常感謝你,但我想請問可以同時播放好幾首以上嗎?還是只能播放單曲呢?
  • smilewawa168
  • 那請問如何播放多首呢? 也就是會一首接著一首播下去呢?
  • 多首播放我已經找到方法了!我會寫一篇教學到時再來看吧~~
    謝謝妳啊~~

    Neil replied in 2010/08/17 01:52

  • cassandra07
  • 我是成功的做到了以上所有的步骤,只是最后我回不落格按play的时候,没有反应耶。。请问我是不是做错了什么呢?
  • OK啊~妳做得很好!其實妳不用再去按PLAY。因為妳選的是自動播放~
    我用了IE、火狐及GOOGLE三種Browersr去妳的部落格看過了!全都可以正常播放(是一首蠻好聽的韓文歌曲)
    這表示妳是個認真的好學生,都有認真在聽!給妳一個「讚!」

    Neil replied in 2010/08/31 13:52

  • 阿佐
  • 謝謝你但我用了沒音樂
    不知道是我家的音響壞嘞~
    還是怎樣?!
  • 阿佐,你可以參考一下我回覆給15F的答案,再試試看吧!有問題的話再留言給我~ ^^

    Neil replied in 2011/04/09 20:18

  • Ethan
  • 太谢谢了~ 我找了一个下午都摸不出个头绪,还好看到这个~
  • 如果能對你有幫助的話那就太棒了!謝謝你啊~

    Neil replied in 2011/04/09 20:19

  • 灵娟
  • 不知说什么才好,太感谢你那么详细的教导,不难到现在我还是不会。真的谢谢你那么花心思教导我们大家放音乐~
  • 謝謝你啊~
    不知道有哪一個環節你覺得有困難的可以告訴我,我會試著幫你解決!

    Neil replied in 2011/04/09 20:16

  • 陰陽師
  • 感謝分享!!之前我在另一痞客幫上看到播放音樂的教學相關文章,卻無法成功(我比較鈍啦^^),但您的說明很清楚!謝謝!接下來我也要學會多首歌的播放方法!
  • 不客氣~ ^^

    Neil replied in 2011/04/09 20:15

  • 外外
  • 不好意思喔!
    我有按照你的方法
    但是他有出現播放器
    卻沒有出現音樂?
    我點他她也沒回應ㄟ?
    可以幫我看看嘛?

  • 外外,你好!
    我去了你部落格看了一下,你的播放器有音樂
    至於為什麼你點擊後沒聲音,我想大概是你沒安裝插件,例如:Adobe Flash player或類似KMPlayer播放器之類的,你可以試著下載安裝後重新開機,應該就能解決問題了!

    Neil replied in 2011/04/09 20:14

  • 灵娟
  • 好的,谢谢你~到时有需要我会找你帮忙的^^
  • ok!

    Neil replied in 2011/04/20 23:32

  • 灵娟
  • 你懂哪里制作链接『有图片的』,别人一按你的图片就会出现你的网页了~
  • 我最近比較忙點,沒有太多時間寫教學文章,你可以先參考一下他寫的文章教學,還算蠻仔細的!
    http://www.wretch.cc/blog/amusingbear/25162272

    Neil replied in 2011/04/20 23:38

  • ♥芊♥
  • 那假如相簿裡沒傳音樂的要怎辦
  • 相簿裡沒音樂我想應該是無解了!這好像要有VIP才會有這個功能哦~

    Neil replied in 2011/05/11 01:16

  • ♥芊♥

  • 謝啦
    我直接去找語法貼上去
    謝謝囉!!
  • 晴奕
  • 謝謝囉 用了半天
    終於因你的文章而找到了辦法 ︿ ︿
  • 史努比
  • 請問要怎麼抓歌
  • 水溝
  • 3Q!一直找不到怎麼弄歌
    終於在這找到方法了^^
  • 小露
  • 真的有效!!赞啦~~
  • chou
  • 感謝你的分享!
  • 劉蕾蕾
  • 太謝謝你囉^^!
  • ▼ 二哥 ▲
  • 給您一個(讚)!!!
    連'小弟我這電腦白ㄔ都能成功^_^
  • 訪客
  • 剛剛看你的教學,已經成功在部落格放上了,但是,我也想在相簿網頁中放音樂撥放器,請問你知道要怎麼放嗎? 謝謝你:)
  • couldU
  • 看你的教學,已經成功在部落格放上了:) 但是,我也想在相簿網頁中放音樂撥放器,請問你知道要怎麼放嗎? 謝謝你=)
  • 炎˙晨光
  • 非常感謝你的分享~
  • 椰糖妹
  • 感激啊!!!≧▽≦
  • stevenliu24
  • 老大:
    感謝!真是好辦法,有用!!!
  • stevenliu24
  • 請問,我的部落格有設定音樂,但是某些文章是放 MV ,也有音樂,當我點進去這些頁面後,會同時想起兩個音樂,請問如何解決?
    另外,請問一下,我有一個頁面裡的 MV 音樂,在我進入我部落格後會自動撥放,請問如何解決?謝謝!
  • 大雄
  • 新手謝謝您的分享!播放照片可不可加入背景音樂?
  • Lasmi
  • 哇~好棒喔!
    步驟非常都清楚~感謝分享︿︿
  • siusiu
  • 感謝你的分享...
  • 林小倫
  • 謝謝你,讓我學了一招^^
  • Private Comment
  • 路上風景
  • 謝謝您的分享,研究好久終於知道怎麼使用了
  • 35號鄉民宿所
  • 謝謝~~可是我的音樂沒有"播動扭"可按耶.....
  • 豹紋yo
  • 謝謝妳的詳細說明~連我這個新手都懂了~~
    感恩~~
  • Jigsaw
  • 請問能藉分享嗎?
  • 格子的窩
  • 謝謝版主!
    我這個電腦白痴竟然可以依你的方法安置好新家的音樂!
    YA!感恩!

    格子^^
  • 鴿子
  • 鴿子推推+15^^
    感謝版主分享
    回去試試看
    嘻~:))
  • Joanne
  • 謝謝分享 ^^b
  • May
  • 真好!依圖示操作,成功的播放音樂了.謝謝!
  • 首席技術長
  • 我就是卡在上傳完後會出現!!轉檔失敗~@@
  • k2288776
  • 我是新手
    正在搜尋怎麼用~
    謝謝教學

    可以多首嗎??
  • 歇腳亭
  • 謝謝你那麼仔細教學~感恩~
  • Peggy 란란
  • 謝謝分享 很受用 我是部落格新手 ^^
  • 天空之城
  • 感谢啊!!我也刚搬来。。。这文章好好哦!
  • Private Comment
  • Chloris
  • 謝謝你
    想要在blog放音樂很久了
    但不會弄
    看到你的說明後
    我終於弄好了!!
    真是太感謝你了~
  • ★喬昕☆
  • 謝謝大大用心的教學~
  • 阿莊~
  • 謝謝你 但是要用資料夾不是要用vip嗎?
  • BAN YA
  • 謝謝你提供ㄉ資訊.>0<
  • ginalee_exo
  • 謝謝分享喔~~超適用的!!
  • 露露
  • 謝謝您~
  • Sophia
  • 謝謝分享,依著指示做,好簡單唷^^

You haven’t logged in yet, please use guest status to leave message. You can also log in with above service account and leave message

other options