博客园个人主页添加音乐插件

 

方式一（浮动在页面左下角）：

音乐外链有两种,一种embed，一种iframe。embed的可以直接放，但是iframe的博客园是不支持的。

但这里可以曲线实现放iframe：

页面定制CSS代码：

* {
margin: 0;
padding: 0;
border: 0;
}
#div_digg1 {
padding: 5px;
position: fixed;
_position: absolute;
z-index: 1000;
bottom: 5%;
left: 3.5%;
_left: 15px;
border: 0;
}

 

页脚Html代码：

<div id="div_digg1" align="center"><p id="bfq" ></p></div>
<script type="text/javascript">
var iii = document.createElement('iframe');
iii.src = '//music.163.com/outchain/player?type=0&id=102760137&auto=1&height=430';
iii.height = 150;
iii.width=280;
$("#bfq").after(iii);
</script>

 

//要更改音乐就把src代码改成音乐链接生成的src即可

 

方式二：直接贴外链，位置可放页首、页脚、侧边公告栏；

这里再附加一种骚操作：如果你想生成外链的音乐单曲或歌单因版权原因无法生成，解决方法参考：

https://www.shknn.com/music-163-gedan.html

 由于iframe的博客园不支持，所以要把iframe改成embed，以如下外链为例：

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=280 height=110 src="//music.163.com/outchain/player?type=0&id=102760137&auto=1&height=90"></iframe>

将首尾的“iframe”均改为embed，还有首iframe后面的frameborder=“no”也要删去，改好后的代码如下：

<embed border="0" marginwidth="0" marginheight="0" width=280 height=110 src="//music.163.com/outchain/player?type=0&id=102760137&auto=1&height=90"></embed>

 

大功告成！