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

本文介绍如何在博客园中添加音乐播放器、设置背景图片、字体及实现多种特效的方法,包括自定义CSS、添加鼠标图标、首页回到顶部按钮、鼠标点击特效及页脚进度条等。

1. 申请权限

首先给自己的博客园设置,申请js权限,这个教程可以去搜。

2. 打开网页版网抑云音乐

点击一首你喜欢的歌进入 , 然后点击生成外链播放器

然后复制代码:

进入到自己的博客园设置页面

我是将代码粘贴在侧边栏,但是将iframe标签换成embed自闭合标签,然后自己调一下位置就可以了 auto = 1 是自动播放

这样就出现了单曲的音乐播放器(但是chrome浏览器不支持自动播放,所以设置auto = 1无效的)

其他

如果你也觉得有点意思,想把自己的博客园花里胡哨一点,还有一些小tips
1.想设置背景图片,字体等什么的,你可以在设置的页面定制css里面去随意发挥,找dom节点可以f12或者右键点击检查去找对应的id名称,或者class名,或标签名。之后根据这些名称在css里面设置背景,字体等。只需要用到一点点css知识就可。
2.想拥有以下特效可以直接粘贴代码


(1)鼠标图标

body {
   
   
	cursor: url('https://blog-static.cnblogs.com/files/lucas--liu/cat13.ico'), auto;
	background-color: #bedff1;
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值