记录博客美化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.最终效果：能够点右上角试听一下