自定义模块设置示例

作者 : admin 本文共757个字,预计阅读时间需要2分钟 发布时间: 2024-06-10 共2人阅读

CSDN 针对部分博主开放了自定义模块设置,我也是简单的使用了一下这个功能,感觉很不错,下面是我编写的参考代码大家可以复制下面代码来使自己的博客主页多样化。

自定义模块设置示例插图

<div class="pmusic">
    <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=280 height=220 src="http://music.163.com/outchain/player?type=0&id=9108103776&auto=0&height=430"></iframe>
</div>
<div class="pvideo">
    <iframe src="http://player.bilibili.com/player.html?bvid=BV1VB4y1Y7wM&muted=1" width=280 height=220 scrolling="yes" border="0" frameborder="yes" framespacing="0" allowfullscreen="true"></iframe>
</div>


<style type="text/css">
    .pmusic {
        position: fixed;
        bottom: 235px;
        left: 5px;
        z-index: 9999;
    }
    
    .pvideo {
        position: fixed;
        bottom: 15px;
        left: 5px;
        z-index: 9999;
    }
    
</style>

具体样式可以参考我的博客主页,左下角的网易云外链播放器,以及哔哩哔哩外链播放器。

自定义模块设置示例插图(1)

大家注意修改网易云链接中的 id id=9108103776 为自己的专辑 id,以及哔哩哔哩链接的 bvid bvid=BV1VB4y1Y7wM 为自己的想看视频的 bvid 即可。

本站无任何商业行为
个人在线分享 » 自定义模块设置示例
E-->