如何制作一个音乐盒

描述:点击歌曲(音乐)名称，页面左上角会弹出一个带有你自己风格的个性化音乐盒。效果演示:演示1演示2

详细的制作过程:一、音乐盒模板的制作。

1.选择一张大小适中的图片作为音乐盒的背景。你可以先用图像处理软件对背景图像稍加处理(切割、打磨等。);

2.在你的歌曲(音乐)所在的页面添加文章列表，隐藏文章列表；

3.在文章列表发布一篇新文章，上传你选择的音乐盒背景图片，上传成功后复制背景图片的URL地址；

4.在文章列表中发布另一篇新文章，制作并调试您的音乐盒。方法:在可视化编辑模式下，点击“插入表格”，在弹出的对话框中选择(输入)N行× 1列(表格属性)(插入多少行由自己决定，主要是定位音乐盒中的文字和播放器等。)，在表格的宽度和高度处输入你的背景图片大小的宽度和高度值，在“背景图片”处粘贴你刚刚复制的背景。

5.在音乐盒后台输入您的音乐盒名称，如XX音乐视听室、歌曲(音乐)名称、表演者等；

6.切换到html编辑模式，并将播放器代码插入音乐盒的适当位置:

7.插入播放器代码后，切换到可视化模式，在播放器下添加音乐下载地址(这是为了方便浏览器，建议至少下载两个地址)和断链报告(为了方便浏览器报告站长音乐链接失败)。

8.以上步骤4-7完成后，按“确认”即可发布文章。

9.打开你刚发表的文章(也就是你刚做的音乐盒的模板)，你就能看到音乐盒是什么样子的。这时候可以采取可视化和html模式相结合的方式，进一步美化音乐盒中播放器的位置、文字大小和颜色。总的原则是让你的球员最漂亮。满意后，将音乐盒表格的边框大小值改为0。

10.最后，在html模式下，添加

11，至此，你的个性化音乐盒制作完成！以后每首歌(音乐)都用你做的音乐盒模板，只需修改歌(音乐)的名称、表演者、音乐链接地址、音乐下载地址即可。注意:歌曲列表可以发布在步骤2中创建的文章列表中。

二、歌曲(音乐)页面链接创建

这一步的目的是在你的歌曲(音乐)页面的文章列表中创建你的歌曲的链接。对此步骤使用以下代码:

注:歌曲链接的定位请参考第六步播放器定位的方法。