吴晓波的个人网站

吴晓波的个人网站

Zblog文章中插入音乐代码:以豆瓣播放器为例【教程】

今天我们来解决一下如何在Zblog文章中插入音乐代码,最终的效果会是如下图所示那样:

具体操作如下图标注所示:

    进入网站后台,点击文章管理,在“正文”处点击“HTML”切换到代码页面,输入播放器和样式代码即可。

代码如下:

<div class="text">
    <div class="audio clearfix">
        <div class="audio-image">
            <img src="https://img.5xiaobo.com/upload/2016/06/adu.jpg" width="150" height="150"/>
        </div>
        <div class="audio-content">
            <h3>
                阿杜—撕夜
            </h3>
            <p class="author">
                <strong>歌手&nbsp;:&nbsp;</strong>
								阿杜&nbsp;&nbsp;&nbsp;&nbsp;♥ ♥ ♥ ♥ ♥
            </p>
            <p class="musicablum">
                <strong>音乐专辑&nbsp;:&nbsp;</strong>
								《Do The Best》
            </p>
            <p class="music-player">
                <embed src="https://img.5xiaobo.com/music/player.swf?url=https://www.5xiaobo.com/music/do_the_best.mp3&autoplay=0" type="application/x-shockwave-flash" wmode="transparent" allowscriptaccess="always" width="265" height="25"/>
            </p>
        </div>
    </div>
</div>
2016-06-21 0 /
分类:各类教程
/

评论回复 · 倒序排列

回到顶部