教你在Pagecookery中添加音乐功能

好吧，闲着也是闲着！

Pagecookery虽然有个叫做“音乐墙”的东西，但是没什么用处，不能在当前播放音乐！况且我的空间也不支持CURL扩展，无法使用音乐墙！

这不是在逼我吗？

于是乎，有了下文！（PS：我的博客早就出世了，但是本人懒得很，从未写过= -! 所以今天爆发一下，来充实我的博客！)

介绍三种方法（老鸟请略过）：

1、比较简单，不知道大家有听过“雅虎音乐播放器”？不了解的可以点击这里前往看一下:我是雅虎播放器（该页的左下角就是）使用方法如图（点击放大）：

而我们需要做的就是将【<script type=”text/javascript” src=”http://mediaplayer.yahoo.com/js”></script>】这句代码放到微博中!建议放到template/header.html中，当然你也可以放在blog.html、页脚footer.html中！我们打开header.html如图：

现在的播放器已经安装好，那要怎么播放音乐呢？其实很简单，我们只要在后台编辑器那发布就可以了！例如我想播放这三首歌曲，就把编辑器切换到Html模式，插入形如这样的代码：

点击发布就OK了！hrer后的是你的歌曲链接地址！

效果请访问我的微博http://t.limy.tk或上面的雅虎链接地址！

另还有其他功能自己就慢慢琢磨吧！

2、就是直接给微博加个独立的音乐页面！再简单的说，就是先建立个音乐页面，然后在微博上加个链接而已！

先看下效果吧,点击这里http://t.limy.tk/music

该音乐页面涉及到几个文件，播放器、js、播放列表、头像、主页Index.html等！

我已经打包好，下载请点击“我是传送门”（请点击“共享”目录，下载）

下载完，解压后上传到微博客目录。例如新建Music目录，然后上传所有文件，这样你的微博客网址+music就是该音乐页面的地址了（形如我上面的地址）！其中Index.html可自行修改相关播放器设置等，包括你的头像、链接网址、播放器背景、颜色、自动播放等！歌曲列表是储存playlist.xml文件里的，至于怎么添加，聪明的你打开看一下格式就知道了！（还有很多相关的个人信息请到Index里修改！）

最后就是在我们的微博中添加该音乐页面的链接按钮！打开template/header.html，添加这样的代码【<li><a href=”http://t.limy.tk/music/” target=”_blank” title=”我收藏的音乐”>Music</a></li>】，如图：

这样，在微博主页那网志那一栏就会有个“music”的链接按钮！

3、相当于上面的两种方法，这就有点繁琐了！

同样是利用2方法的播放器，但是…..它是利用Pagecookery的模板！简单的说，就是让播放器与Pagecookery溶为一体！

我们首先新建一个Html页面，写入这样代码：

【

{template header}

<div id=”main” style=”position: relative;background: #333333 url(‘../music/images/bg.jpg’) no-repeat center;width:747px;height:545px;padding: 0;z-index: 1″ align=”center”>
<div style=”position: absolute;z-index: 1; left: 174px; top: 100px” id=”player1″>
<script type=”text/javascript”>
var FU={ movie:”../music/mediaplayer.swf”,
width:”400″,
height:”300″,
majorversion:”7″,
build:”5″,
bgcolor:”#ffffff”,
flashvars:”file=../music/playlist.xml&displayheight=0&repeat=true&lightcolor=0xffffff&backcolor=0×000000&frontcolor=0xffffff&overstretch=true&autostart=true” };
UFO.create( FU, “player1″);
</script>
</div>
<div style=”clear:left”></div>
</div>

{template footer}

】

如图：