1.首先进入网音乐官方网站;

2.查找自己喜欢的歌,看到如下界面

3.点击"生成外链播放器"

4.看到下面的html代码了吗?将代码进行复制。

5.进入博客园,点击 "管理" ->"设置", 将代码复制到如下位置:

注:因为有的浏览器不支持iframe标签,所以这里讲iframe改为 embed标签

6.保存之后就可以了,重新进入博客就可以看见出现了音乐播放器!

..................................................................................................................................................................

如果希望背景音乐的数目可以多一些,可以这样做:

1)可以找在网易云官网上找到一个歌单(例如在发现音乐里),或者自己新建一个歌单都可以

2)比如自己在"我的音乐"中新建一个歌单,如下

3)然后是搜索自己喜欢的歌曲,不断的将歌曲"收藏"到自己刚刚建立的歌单中

4)点击“播放全部”, 然后在播放列表中点击“来自歌单”,操作如下

5)之后进入如下界面,可以看到“生成外链播放器”这个选项了

6)同样,点击“生成外链播放器”, 接下来的操作同上。最后博客首页的效果如下:

转载于:https://www.cnblogs.com/hujunzheng/p/4702282.html

如何在博客中插入背景音乐相关推荐

  1. CSDN博客中嵌入背景音乐

    CSDN博客中嵌入背景音乐 如果想在CSDN博客中设置背景音乐要自己插入HTML代码 在编辑博客有两种模式,HTML编辑器(默认)和markDown编辑器 切换到HTML编辑器,点击上方插入HTML代 ...

  2. 装饰博客全攻略(如何在博客首页或博客中插入图片、音乐、视频等)

    一.在博客中插入图片. 以下是代码: <img src="http://图片地址" border="0" width="344" he ...

  3. 在Hexo搭建的博客中插入音乐或者视频

    原文地址在Hexo搭建的博客中插入音乐或者视频 用hexo搭建博客后,记录了自己生活和学习中的很多事情.今天偶然想到能不能在博客中插入音乐和视频呢?然后就开始了今天的历程.... hexo-tag-a ...

  4. 新浪博客中插入高亮代码

    在ie浏览器里可以用,但是不知道mac有没有这个插件 原文地址:新浪博客中插入高亮代码作者:木子超-同学 一.              Sublime text 3是一个强大的代码编辑软件,强烈推荐 ...

  5. 如何在CSDN博客中插入图片

    如何在CSDN博客中插入图片 1.打开CSDN编辑页面 2.点击插入图片 3.注意事项 最近笔者准备开始使用CSDN写博客,但是发现插入图片后无法显示,所以跟大家分享一下如何插入图片.在我仔细专研后, ...

  6. 如何在csdn博客中插入视频或gif

    1.打开优酷,在"分享给朋友"中复制flash地址: http://player.youku.com/player.php/sid/XMjc4ODUzNzE0NA==/v.swf ...

  7. 如何在CSDN博客中插入代码块显示行号

    最近在学习java语言,想要通过写博客来记录自己的学习过程以便以后查阅,由于本人博客小白,总是在写作过程中需要插入代码片段时而无从下手,排版不忍直视,通过借鉴其他同学的博客,整理如下和大家分享. 例如 ...

  8. 如何在个人博客中插入Jsbin或者jsfiddle代码

    前言 也许在大家浏览大牛们博客时经常会看到在他们的个人博客经常会有比较炫酷的在线代码演示.例如: width="100%" height="500" src=& ...

  9. 如何在CSDN博客中插入代码块并【显示行号】

    最近在学习java语言,想要通过写博客来记录自己的学习过程以便以后查阅,由于本人博客小白,总是在写作过程中需要插入代码片段时而无从下手,排版不忍直视,通过借鉴其他同学的博客,整理如下和大家分享. 例如 ...

最新文章

  1. Cartographer学习笔记
  2. 【千字过程分析】剑指 Offer 04. 二维数组中的查找
  3. SAP UI5库对浏览器类型检测的实现
  4. 没一个能打的!端午档电影齐扑街:3天票房不及8亿
  5. 窗台上晒了一本书,三个人问了三个问题
  6. M8的USB工作模式切换工具
  7. MATLAB—隐函数绘图
  8. 前沿重器[22] | 聊聊对话系统:技术架构
  9. WA5320-C-EI无线接入点,WX2510H-F无线控制器设置WAPI
  10. AI之DS:人工智能领域之数据科学领域六大实践场景(金融信用违约、反欺诈模型、客户偏好洞察、智能推荐、精准营销、客户流失管理)所对应的机器学习算法总结(持续更新)
  11. 国产规则引擎urule,产品化方案的扛把子
  12. java 翻译框架_java框架外文翻译
  13. 五、原码、反码和补码
  14. Ubuntu 下使用MTK FLASH TOOLS
  15. 多线程 环形缓冲区_使用环形缓冲区有效登录多线程应用程序
  16. 【Python随记】:curses 库的快速入门
  17. 使用 ffmpeg 快速合并视频文件
  18. css 文字超出部分自动加省略号
  19. 汇编自动出栈_汇编自学 (12) 重温进出栈指令PUSH POP 和双循环
  20. 计算机科学导论(4):计算机组成原理

热门文章

  1. doremi服务器可以导出文件,Doremi服务器检查与IMB 的通信-放映技术论坛
  2. RabbitMQ 管控台配置导入导出和重要性
  3. jmap+MAT实战内存溢出
  4. sqlite3的编译和使用
  5. 既有 HTTP ,为啥用 RPC 进行服务调用?
  6. 微型计算机原理及其应用彭楚武答案第三章,微机原理及其应用_第1章.ppt
  7. android数字滚动动画,Android超简单实现金钱滚动效果
  8. java f.lenth返回值_long length
  9. C语言 typedef 和 define 区别 - C语言零基础入门教程
  10. state的简写方式