單調的文字怎么行,讓音樂為你的博文加點料。什么?你寫的是技術型博客不搞這么多文藝,大叔,技術型博客也可以很文藝的誒。
今天下三分,網易雲、蝦米、所有的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 修改前面的,根據自己的博皮調整。
將外鏈播放器應用在博客園首頁
這個想必大家都知道了,進入博客園設置,復制之前得到的代碼添加在 頁首/頁腳/公告 里,刷新一下博客頁面,就可以看到播放器妖嬈地躺在頁面上了。
效果圖(放置在公告欄)
下面是歌曲推薦時間