有鑑於很多人想要有自己的背景音樂,但是又不會HTML語法,怎麼增加背景音樂到自己的部落格裡面,所以寫一篇入門的簡單教學,讓Blog入門使用者可以很方便地在自己的部落格側欄(自由欄位SideBar)加上自己喜歡的音樂。
首先是先上傳音樂到你的Xuite Vlog空間裡面,請至http://vlog.xuite.net/vlog/user/upload/upload.php去上傳你的音樂!就是到http://vlog.xuite.net下,點[我的影音]A-1(要登入下),然後點[上傳影音]A-2↓
首先看到上圖畫面右側的上傳影音操作畫面,點[瀏覽]B-1去選擇你PC裡面的影音!點完[瀏覽]看到的像是一般開啟檔案的操作畫面↓
因為我們要上傳的是音樂,不是影片(Video),所以要將檔案類型換一下,點[B-2]去切換↓
將檔案類型換成聲音audio(.mp3, .wma),我們就看到我目錄下有.mp3或是.wma的音樂檔案顯示出來,可以點選!
選擇一個要上傳的聲音檔案[B-3],然後按[開啟]B-4。就會將該檔案名稱帶入下面的畫面↓
然後按[上傳]B-5的按鈕上傳!
等到上傳的進度Bar已經滿了(100%),下圖的橘色Bar↓,就陸續補上B-6~B-7的資訊。點選B-8的影音分類(這個範例是音樂/廣播)。B-9是選音樂公開或是不公開!不公開別人看不到也聽不到喔!!最後是B-10[完成]按鈕
這時會看到[上傳成功]的畫面↓
然後我們會進入到影音管理畫面,看到剛才上傳的影音其狀態處於"轉檔中",這是因為系統將它轉成Flash的.flv格式,方便統一播放。所以尚未轉檔完成前,影音是無法播放的!所以就等一下下,過一會後再點瀏覽器的重新整理鍵或是按Ctrl-F5功能鍵。
這時如果已經完成轉檔,我們會看到畫面已經不同了↓,影音狀態改為"正常",這時候這則影音已經可以用了,所以接下來點[自訂]C-1↓
我們會看到其他不同的選項功能跑出來,包括有播放器:○大,◎小 [C-2],因為我們要做為自由欄位使用,所以點小!另外C-3可以選擇●自動重複以及●自動播放,看你自己的需求,如果選自動重複,表示這首歌會一直反複播放做為背景音樂,如果也選自動播放:表示一旦開啟部落格,它會自動播放音樂!
選擇完參數了之後,就點上圖的[Copy]C-4按鈕,它就會幫忙將語法貼進剪貼簿裡面備用↓
接下來就是回到日誌的管理後台,我們要做自由欄位的SideBar,所以點[自由欄位設定]D-1,然後再點[+新增欄位]D-2,接著移到●本文的文字框框裡D-3,將剛才的語法,點按右鍵出現[貼上],去貼進文字框框中↓
貼完語法再去補上欄位名稱D-4,這個範例是輸入[背景音樂],然後就是按D-5的[確認]鈕,再去點D-6的[確認送出]鈕,然後會看到下面的畫面↓
這時需要進入版面編排去將新增的自由欄位拉出版位↓
看到畫面右側的未使用欄位裡面有剛才新增的一個叫[背景音樂]的欄位,將它用滑鼠左鍵點住托拉到左邊的版面裡面↓,然後再按下圖右上方的D-9[確認送出]鈕!
這樣就完成了,我們可以到日誌前端的顯示畫面,看到有個背景音樂的自由欄位生出來了↓
這樣就有一首歌曲做為日誌的背景音樂!這是最簡單的單首歌曲的背景音樂,如果希望有多首音樂輪播,那麼就需要比較複雜的自由欄位語法,之前寫過不少複雜的音樂播放器,可以參考↓
http://blog.xuite.net/jeanson61/xuite/14946473,以及該文章中有介紹的更早之前的幾篇教學








