初入門的側邊自由欄位的背景音樂製作:狗貓的家!Xuite名稱的由來&使用秘笈:Xuite日誌
  • 狗貓
  • 瘋狂亂收藏家、收藏CPU、手表以及Xuiters



  • 最新活動
  • 我的發燒文
  • 累積 | 今日
    loading......
  • 搜尋文章
  • 關鍵字
  • 最新文章
  • 最新回應
  • Re:[CSS樣式]自訂版面分享,相片型面版,by(夏)於2008-07-23
    Re:[FAQ}常見問題集目錄彙總,by(狗貓)於2008-07-22
    Re:[FAQ}常見問題集目錄彙總,by(elsa.b)於2008-07-22
    Re:標籤顯示透過CSS修改將它隱藏,by(櫻桃凱倫)於2008-07-22
    Re:文章中鑲嵌外部HTML網頁的iframe語法,by(狗貓)於2008-07-22
    Re:文章中鑲嵌外部HTML網頁的iframe語法,by(【Vivian】)於2008-07-22
    Re:[CSS樣式]自訂版面分享,相片型面版,by(夢)於2008-07-21
    Re:右邊那隻黑貓怎麼做?,by(狗貓)於2008-07-21
    Re:7/16修改[自定樣式CSS]版面中首頁文章列表裡,文章摘要與繼續閱讀間的空白縮短,by(狗貓)於2008-07-21
    Re:7/16修改[自定樣式CSS]版面中首頁文章列表裡,文章摘要與繼續閱讀間的空白縮短,by(夢)於2008-07-21
    Re:7/16修改[自定樣式CSS]版面中首頁文章列表裡,文章摘要與繼續閱讀間的空白縮短,by(狗貓)於2008-07-21
    Re:7/16修改[自定樣式CSS]版面中首頁文章列表裡,文章摘要與繼續閱讀間的空白縮短,by(夢)於2008-07-21
    Re:7/16修改[自定樣式CSS]版面中首頁文章列表裡,文章摘要與繼續閱讀間的空白縮短,by(狗貓)於2008-07-21
    Re:7/16修改[自定樣式CSS]版面中首頁文章列表裡,文章摘要與繼續閱讀間的空白縮短,by(夢)於2008-07-20
    Re:右邊那隻黑貓怎麼做?,by()於2008-07-20
    Re:7/16修改[自定樣式CSS]版面中首頁文章列表裡,文章摘要與繼續閱讀間的空白縮短,by(夢)於2008-07-19
    Re:最新版音樂播放器,可以播放Xuite影音檔(flv)以及傳統mp3, wma, 等音樂檔,by(狗貓)於2008-07-18
    Re:[Xuite秘笈]用圖片留言,Cool哩,by(redmoon)於2008-07-17
    Re:最新版的音樂播放器,混合Xuite內建播放面版以及自己做的播放按鈕,by(debby)於2008-07-17
    Re:最新版音樂播放器,可以播放Xuite影音檔(flv)以及傳統mp3, wma, 等音樂檔,by(debby)於2008-07-17
  • 我的留言版
  • loading......
  • 文章分類
  • 日曆
  • 狗貓時鐘
  • 誰拜訪過我
  • 參觀人氣統計
  • 日誌評價
  • 平均分數:0 顆星
    投票人數:0
    我要評分:
  • 日誌使用資源






  • 如何使用RSS
    Powered by Xuite
  • 最新引用
  • Re:[標籤雲-翻譯自wikipedia],By 4664-1946~1964嬰兒潮、Baby Boomers 於2008-07-22
    Re:[ 音樂上傳至Xuite影音平台製作單一的...],By 新的空間,新的天地 於2008-07-03
    Re:[路得網誌右邊問題],By 4664-1946~1964嬰兒潮、Baby Boomers 於2008-06-29
    Re:[網誌中間有一大空白],By 4664-1946~1964嬰兒潮、Baby Boomers 於2008-06-29
    Re:[入選部落客百傑],By 4664-1946~1964嬰兒潮、Baby Boomers 於2008-06-24
    Re:[Xuite新樣式],By 捷運西門站 於2008-06-08
    Re:[外遇抓姦徵信],By 國華徵信社 於2008-05-26
    Re:[css水鐺鐺],By *封存* 於2008-05-13
    Re:[一個能變換影像的自由欄位],By 4664-1946~1964嬰兒潮、Baby Boomers 於2008-05-11
    Re:[Blog 教學整理],By 夢想之路 於2008-05-02
  • 留言塗鴉版
  • 最愛連結
  • 已建立的日誌
  • 2008-05-06 12:45 初入門的側邊自由欄位的背景音樂製作
  • ?
  • Blog背景音樂
  • 好文轉寄
  • 平均分數:0 顆星    投票人數:0
    我要評分:
    標籤 : 


    有鑑於很多人想要有自己的背景音樂,但是又不會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,以及該文章中有介紹的更早之前的幾篇教學





    狗貓 / Xuite日誌 / 回應(9) / 引用(0) / 好文轉寄
  • 回應