博客园的自定义 css 、js背景的功能确实不错。还可以添加背景音乐啥的。

  • 首先在博客园的后台设置那里申请到 js 的权限才能插入播放器的代码,申请理由充分一点才能被审核通过,审核时间一两天。

  • 开通以后就可以使用js代码进行装饰了
  • 添加网易云背景音乐,登录到web版网易云的界面,播放要添加的单曲,点击后
  • 来到歌曲的主页,生成外链播放器
  • 复制下面的代码
  • 把上面代码的 <iframe>标签换成 <embed>,这里注意的是 <embed> 是单标签,换成后如下:
  • 下面代码的 auto=0 为点击播放,auto=1 为自动播放
<embed frameborder="no" border="0" marginwidth="0" marginheight="0" width=330
height=86 src="//music.163.com/outchain/player?type=2&id=657666&auto=1&height=66"/>
  • 把上面的代码添加到博客园的侧边栏上即可
  • 保存后刷新下博客园的页面看效果,如我的博客园。
  • https://www.cnblogs.com/xdr630/
  • 网易云音乐生成歌单的列表时会出现版权保护,这是由于歌曲不允许外链播放,目前只介绍单曲的插入播放。
  • 也可以试着把能生成外链的单曲加入到新建的歌单当中,然后再生成外链,这样插入播放的音乐就是歌单上的了,大致步骤如下:
  • 点击网易云头像——>我的主页,找到我创建的歌单
  • 点击歌单进去,生成歌单的外链播放器
  • 接着就是和上面一样的步骤插入到博客园即可。

博客园添加单曲背景音乐相关推荐

  1. css文件插入背景音乐,博客园添加背景音乐,背景效果!

    博客园添加背景音乐,背景效果 申请博客园js权限 申请话术 实例 尊敬的博客园管理员: 请求申请开通js权限,希望能够把自己的博客修饰的漂亮点,点缀自定义js插件效果,希望管理员可以批准,谢谢! 开通 ...

  2. 为博客园添加github跳转链接

    一般程序员都会有自己的github仓库,在博客园添加跳转链接,可以很方便的进行访问查看. 添加html 首先,需要在设置中添加一段html,用于跳转链接 <a class="git-l ...

  3. 博客园添加鼠标粒子吸附特效

    本文从以下三个方面, 阐述在博客园添加鼠标粒子吸附特效: 一. 效果展示 二. 权限申请 三. 设置步骤 一. 效果展示 在博客园的页面, 出现鼠标粒子吸附的特效, 如图所示: 二. 权限申请 点击博 ...

  4. 博客园添加live2D看板娘和樱花飘落背景

    写在前面 本文主要描述了怎么给博客园添加看板娘和樱花飘落特效,文章可能还有很多不足,请大家谅解,欢迎大佬提意见. 本文使用的东西 live2d(看板娘) 樱花飘落 博客园 文章目录 写在前面 本文使用 ...

  5. 【分享】给自己的博客园添加一个板娘(可选)

    全部样式分享 更换模型的话只需要更换jsonpath中的模型名称即可 https://unpkg.com/live2d-widget-model-模型名称/assets/模型名称.model.json ...

  6. 博客园添加背景音乐以及播放器 或在左下方固定位置添加音乐播放器 给你的博文锦上添花,增姿添彩

    官方教程:https://aplayer.js.org/#/zh-Hans/ 一.第一种样式 这种你想添加多少音乐就添加多少音乐! 将下方代码复制到博客侧边栏! 话不多说! 上代码! <!-- ...

  7. 给自己的博客园添加网抑云音乐播放器

    1. 申请权限 首先给自己的博客园设置,申请js权限,这个教程可以去搜. 2. 打开网页版网抑云音乐 点击一首你喜欢的歌进入 , 然后点击生成外链播放器 然后复制代码: 进入到自己的博客园设置页面 我 ...

  8. 博客园添加访问人数统计超详细教程

    先看添加后的效果吧: 是不是还可以,下面就是教程了,简单易学,支持多种风格. 1. 登录http://www.amazingcounters.com/sign-up.php   这个地址去申请一个帐户 ...

  9. 博客园添加一个分享的

    给自己的博客添加一个分享的按钮吧!! 可以遇见更多志同道合的人呀!!! 使用百度的一键生成按钮就可以了:http://share.baidu.com/code 或者自己写一个也是一样的 <!-- ...

最新文章

  1. arcgis超级工具密码_忘记电脑密码怎么办?只需要简单这样做
  2. Debian/Ubuntu让apt使用代理
  3. 用python画爱心的代码-Python一行代码画个爱心案例
  4. dnf机械机器人补丁_干货 | 详解工业机器人控制系统架构
  5. JavaWeb关于工程运行的笔记
  6. 【C语言】利用递归函数求n的阶乘
  7. 计算机 未来哪种技术稀缺,2015级职业生涯规划考试试题
  8. mysql的唯一索引UNIQUE
  9. 维纳过程(Wiener Process)与高斯过程(Gaussian Process)
  10. html框架集frame是啥意思,HTML框架集frameset和内嵌框架iframe
  11. 详细解说五个Java项目
  12. 学计算机办公软件多久能学好,学好办公软件的方法 如何快速学好办公软件
  13. Sublime Text自定制代码片段之 快速生成html结构
  14. 微信小程序毕业设计 基于微信小说小程序系统开题报告
  15. 计算机程序运行消耗的内存,电脑内存多大合适?运行内存占用率高的秘密
  16. SAP - MM - 第2篇 - 物料主数据维护
  17. 腾讯员工收入曝光,我顿悟了一个成人世界的残酷事实
  18. OPPO手机生日倒计时天数怎么在便签中设置?
  19. Ubuntu ROS Arduino Gazebo学习镜像iso说明(indigo版)
  20. 企业应用架构模式-30天阅读计划

热门文章

  1. xp系统无法自动修复此计算机该怎么解决,修复XP系统无法正常启动进入不了计算机的解决办法...
  2. 产品经理| 工作流汇总
  3. ConcurrentHashMap 学习总结
  4. 网站SEO 第四部分:SEO 指导下的技术支持
  5. python 自带库
  6. DARPA互联网协议的设计哲学
  7. Android中清单文件引入配置参数,Android 使用gradle打包的各种配置
  8. 【Anychat音视频开发】视频直播系统的开发技术点
  9. 不会还有人不知道中间件吧?细节分析中间件
  10. 从底层原理出发,了解Linux内核之内存管理