博客增加两个小挂件
增加Music Player
昨天看到了CNBeta上面提到了怎样在博客添加音乐播放器，我随手也加了一个，其实这也属于鸡肋功能，增加了页面的加载时间，但是看到这个播放器小巧的份上，还是饶了他一会。
首先，从这里下载这个 zip文件(是加上是Wordpress插件), 但是YO2插件受限，这里只能拆开使用，将 audio-player.js 和 player.swf 上传到某个支持外链的网络空间(我是放在Google App Engine上，现在应该是可以放在YO2上了)。
然后在相应的地方增加下面代码即可
<script language=”JavaScript” src=”http://www.febird.net/files/audio-player.js“></script> <object type=”application/x-shockwave-flash” data=”http://www.febird.net/files/player.swf” id=”audioplayer1″ height=”24″ width=”290″> <param name=”movie” value=”http://www.febird.net/files/player.swf“> <param name=”FlashVars” value=”playerID=1&soundFile=http://read.anhuinews.com/music/seasons.mp3“> <param name=”quality” value=”high”> <param name=”menu” value=”true”> <param name=”wmode” value=”transparent”> </object>
其中黑体的URL需要替换成你的URL，后面的soundFile可以为网上的任意mp3地址。也可以增加更多的歌曲，只需要增加一个param 参数即可。
增加一键订阅的GhostMenu
刚开始的时候也用过iNove主题，对MG12的这个GhostMenu垂涎已久，做得确实漂亮，很实用，我就不客气了，直接搬到dark上来。
方法很简单，在Head区链接上 menu.js , 然后到style.css中添加一段代码，最后到需要使用下拉菜单的地方增加订阅相关的HTML代码即可完成。
要注意的是如果你的 id=subscribe 的 DIV标签是停靠在 position: relative 的父容器中的话，Ghost Menu显示会不正常，表现是看不到下拉菜单，问题在于 subscribe菜单使用的绝对定位，top 和 left的计算方法不适合position: relative，所以干脆直接将menu.js 中的如下行注释掉,：
var pos = cumulativeOffset(this.title);
var left = pos[0]; if (this.align == ‘right’) { var offset = getWidth(this.title) – getWidth(this.body) + this.offset;
left += offset; } var top = pos[1] + getHeight(this.title);
改为下面两行:
var left=0;
var top=this.title.offsetTop + getHeight(this.title);
改后的menu.js 这样就能正常显示GhostMenu了。
PS: 对于非专业的Web前端人士来说，调试页面是相当痛苦的一件事情…
相关日志
本文发表于星期二, 五月 5th, 2009 at 下午 12:49 文章归类于 软件应用.
标签: Wordpress.
你可以去 留下评论, 或者
一键订阅好帅，我也要我也要～～～
[回复]
febird 回复:
五月 5th, 2009 at 下午 1:45
要感谢感谢MG12，他的iNove主题真是漫山遍野.
[回复]
刚刚才发现，YO2里面有个Audio Player插件，在文章中输入 [audio: mp3 url] 就可以插入一个 mp3 播放器…
[回复]
liangjiuer 回复:
五月 5th, 2009 at 下午 2:52
你也有看漏的时候啊~
[回复]
febird 回复:
五月 5th, 2009 at 下午 3:31
很久没有看YO2有哪些插件了。
[回复]
你还懂改，我一点都不动改啊……
[回复]
febird 回复:
五月 5th, 2009 at 下午 8:35
懂一点，需要的时候能应付一下。
[回复]
幸福吧，折腾出成果的感觉是美妙的。呵呵。
[回复]
febird 回复:
五月 6th, 2009 at 下午 10:11
本来不想在那些CSS规则间折腾的，后来得益于本人超强的毅力…
[回复]
话说这首歌挺好听
[回复]
这个一键订阅确实是iNove上一个很不错的功能
[回复]
febird 回复:
五月 6th, 2009 at 下午 10:10
节省空间，而且很炫。
[回复]
发现YO2的都会把我名称中的空格自动转换成%2B……
[回复]