記錄博客美化01-添加一個背景音樂

來了博客園已經有一段時間了，一直很想搞搞博客的美化。

但奈何技術水平有限，一直遲遲沒有動手，每次看別人家的博客是又美又饞。。。

因而決定了先搞個背景音樂試試

 

1、登陸博客園後臺，申請JS代碼權限

1.登陸博客園後臺，點擊【設置】

 

 2.下方找到【禁用模板默認CSS】-【 博客側邊欄公告（支持HTML代碼）】-【申請JS權限】

 

 3.填寫理由，等待大佬們審批

 

2、登陸音樂網站，生成歌曲代碼

1.舉例網易音樂，登陸網易音樂官網，點擊上方【個人音樂】

 

 2.建立一個歌單，把想要在博客放的音樂添加到歌單

 

 3. 找到歌單【分享】，分享後打開連接，找到【生成外鏈播放器】

 

 分享後，進入【個人音樂】，【動態】，點擊剛纔分享的歌單

 

找到【生成外鏈播放器】

 

3、粘貼代碼與優化效果

 1.在下方複製生成的代碼，粘貼至博客園後臺，粘貼位置可選擇 【頁首，頁腳，側邊欄】等

 

 2.能夠先保存測試一下。建議修改一下HTML的代碼標籤，將代碼中【iframe】改爲【embed】；順便修改下播放器樣式寬度，大小。

 

 

 <embed frameborder="no" border="0" marginwidth="0" marginheight="0" width=300 height=200 src="//music.163.com/outchain/player?type=0&id=5346061448&auto=1&height=200">

 

3.最終效果：能夠點右上角試聽一下