Blog上只能放那麼一千零一首歌嗎?
NO!!! 告訴你簡單又快速的擁有自己的♡Blog專屬音樂點播機♡
無心很久之前在單翼天使缺了心那邊看到的點歌器
不過由於懶...到現在才做...
非常的可愛,功能也很不賴...
左邊連結區就是音樂播放器的示範!!
有興趣就自己也放一各吧
初級
Step 1 準備要用的音樂檔案。上傳到你的網路空間
我用的是日本geo,上傳很簡單,可上傳圖片.音樂.文件.flash等檔案
Step 2 音樂轉檔,視你的網路上傳空間可接受的副檔名,推薦轉檔工具軟體Easy CD Ripper到這裡下載
Step 3 上傳至網路空間
Step 4 連結管理-連結名稱處,貼上以下原始碼,<這是天空的連結方法>
<embed src="音樂網址" width="170" height="40" loop="true" menu="false" autostart="true"></embed>
(這是ra單首歌撥放的基本語法)
到這裡為止,很多Blog都有教學了!
中級--選單音樂盒
複製下面語法於至<html> </html>中間 <此為java,天空不支援>
語法說明:
在 <embed src="預設背景音樂" 中修改預設的背景音樂連結
若不想預設播放音樂請將 預設背景音樂 改為 stop.mid 即可
在 style="background-color: #000000" 中修改選單的背景顏色
在 style="color: #ffffff" 中修改選單內文字的顏色
請自行修改歌曲的連結網址及歌名,可自行增加或減少播放項目
此播放語法支援 mp3、wma、asf、mid、rm.....等
範例網頁
http://home.kimo.com.tw/vb691018/09.html
高階-音樂播放器
目前的網路音樂播放器有很多種版本可以選擇,介紹幾各比較簡單設置的版本
1.Radio Blog-目前很多人在使用的Blog播放器
Step 1 Radio Blog需要支援 php和xml的伺服器空間
Step 2 解壓縮完會有兩個檔案夾:radio.blog 和 creat.sound! 在creat.sound少了一個檔案夾sounds,必須要自己加入!
Step 3 音樂需轉檔變成swf,把想要轉檔的歌曲放入creat.sound這個檔案夾,然後按convert64.bat 或 convert32.bat來轉檔!轉檔完後,變成swf檔的歌曲會自動跑到sounds這個檔案夾!
Step 4 將 swf音樂檔上傳到你存放音樂的空間
Step 5 下載這裡裡面有3個新的config.xml, playlist.xml, and index.html.檔!
Step 6 打開 playlist.xml更改紅色字的部分<track trackMod="1089216396" title="歌名" path="歌曲連結網址"/> 。語法都是在</tracks>之上完成,也就是說更改完後準備存檔時</tracks>這行語法是在最後一行! 很多首歌時只需要重新複製<track trackMod="1089216396" title="歌名" path="歌曲連結網址"/>重複貼就可以ㄌ
Step 7上傳config.xml,playlist.xml,index.html,radioblog.swf,rbcore.rbcore.swf5各檔
Step 8 貼到Blog複製此語法<iframe src="URL" name="radio" scrolling="no" frameborder="0" width="222" height="300"></iframe>
此版本更清楚的教學&免費空間 ●< !--StartFragment -->柏拉圖-Radio Blog安裝全攻略●●凱倫-< !--StartFragment --> 安裝Radio Blog的另一個選擇!(安裝篇)ref="http://www.bizhat.com/" target="_blank">Bizhat.com放主程式的免費空間●●Angelfire放主程式的免費空間● ●cybton-這個網站的特色是提供100MB空間,不限流量,同時支援PHP&MySQL,註冊空間網址: http://帳號.cybton.com●●日本geo● PS:需支援Flash及xml的空間即可 跟Radio Blog不同的地方在於xml跟主程式需要放在同一各空間,因為xml更改的部分是改檔名不是連結路徑 <song path="音樂檔名" title="Postmen - Homeland" /> 詳細教學請至-●生活的拍子簿-mp3 player小教學● 天空貼上mp3 player 語法 <embed src="主程式網址" width="190" height="115" loop="true" autostart="true"></embed>
3.可愛的Blog Flash音樂點播器
這就是我的 Blog 所用的播放器,是單翼天使缺了心的akihiko所製作,跟上面所介紹的mp3 player設置方法一樣,貼上 Blog 語法也是一樣滴
另外我所用的空間申請教學請看這裡
我只會最簡單的html語法,也是看了很多人的教學跟心得,多虧上面教學這些高手,
我只是想紀錄下自己Blog的心得&分享我所找到的教學資料,希望每個人的Blog都可以美美的~
如果還是不會自己設置,又不介意有廣告的話!可以到這裡這各大陸網站,它提供免費的音樂播放器&音樂,你只需複製他所提供的語法裡的紅色網址填入主程式網址的地方就可以了
<script language="JavaScript" src="http://free.2259.com/flash/free/2.js"></script>複製紅色字
<embed src="主程式網址" width="190" height="115" loop="true" autostart="true"></embed>
留言列表