【轉載】博客園背景音樂調用，讓音樂為你的博文加點料

　　單調的文字怎麽行，讓音樂為你的博文加點料。什麽？你寫的是技術型博客不搞這麽多文藝，大叔，技術型博客也可以很文藝的誒。

　　今天下三分，網易雲、蝦米、所有的XX音樂各占據了國內的音樂市場，不過要論曲庫哪家全，網易雲蝦米撕破臉。所以呢，要想博客加上穩定的音樂外鏈，就在這兩者之間選擇吧。

在網站上選擇合適的背景音樂並外鏈

　　何為“合適的背景音樂”呢？首先是前奏不要太唐突，不然網友一打開你的博客就是“咚咚咚”的聲音，擼管到一半犯心臟病怎麽辦？其次就是曲調柔和，柔和的曲調可以使聽眾最大化，因為大部分人對這種音樂都不反感。做到這兩點，就可以去網易雲＼蝦米上搜索選定歌曲了，當然也可以外鏈歌單。

　　在歌曲/歌單頁面下，點擊“生成外鏈播放器”（網易）、“轉帖”（蝦米）就可以看到歌曲的HTML代碼了。這裏以歌曲 Echo 為例，展示下兩種不同播放器的區別。

<embed src="http://www.xiami.com/widget/0_1770124689/singlePlayer.swf"
 type="application/x-shockwave-flash"
 width="257"
 height="33"
 wmode="transparent">
</embed>

<iframe frameborder="no"
 border="0"
 marginwidth="0"
 marginheight="0"
 width=330 height=86
 src="http://music.163.com/outchain/player?type=2&id=18607260&auto=0&height=66"></iframe>

　　值得註意的是，蝦米使用的是 embed 而網易雲則是 iframe，而 iframe 有個很大的毛病，這個網易雲也有提示——“很多博客網站不支持嵌入iframe，請試一下您的網站是否支持”。這些都不重要，重要的是博客園就不支持 iframe。當然要解決也很簡單，把 iframe 替換成 embed 就行了，註意前後兩個標記都要替換哦，此外，既然都沒有 iframe 了，自然 frameborder 也可以去掉了，結果就是：

<embed border="0"
 marginwidth="0"
 marginheight="0"
 width=330 height=86
 src="http://music.163.com/outchain/player?type=2&id=18607260&auto=0&height=66"></embed>

　　註意：auto=1 為自動播放，0為不自動播放；width 和 height 修改前面的，根據自己的博皮調整。

將外鏈播放器應用在博客園首頁

　　這個想必大家都知道了，進入博客園設置，復制之前得到的代碼添加在 頁首/頁腳/公告 裏，刷新一下博客頁面，就可以看到播放器妖嬈地躺在頁面上了。

^{效果圖（放置在公告欄）}

下面是歌曲推薦時間

【轉載】博客園背景音樂調用，讓音樂為你的博文加點料