记录博客美化01-添加一个背景音乐

来了博客园已经有一段时间了，一直很想搞搞博客的美化。

但奈何技术水平有限，一直迟迟没有动手，每次看别人家的博客是又美又馋。。。

于是决定了先搞个背景音乐试试

一、登录博客园后台，申请JS代码权限

1.登录博客园后台，点击【设置】

 2.下方找到【禁用模板默认CSS】-【 博客侧边栏公告（支持HTML代码）】-【申请JS权限】

 3.填写理由，等待大佬们审批

二、登录音乐网站，生成歌曲代码

1.举例网易音乐，登录网易音乐官网，点击上方【我的音乐】

 2.创建一个歌单，把想要在博客放的音乐添加到歌单

 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.最终效果：可以点右上角试听一下