在wordpress中添加虾米电台的背景音乐

首先在虾米电台中找到自己虾米电台的播放地址，如下：

http://www.xiami.com/res/fm/xiamiRadio_20120612.swf

然后在外观->小工具（widget）里面，在footer的位置添加一个文本，标题随意，文本内容如下：

<div id=”app_sandbox” style=”width:1080px;height:280px;”>
<iframe id=”runtime” name=”runtime” width=”93.5%” height=”100%” scrolling=”no” frameborder=”0″ src=”http://www.xiami.com/res/fm/xiamiRadio_20120612.swf?v=20130129″></iframe>
</div>

此时刷新主页，发现最下面的虾米电台显示不完整，width被限制在一个很窄的尺度了。下面修改css
在主题的编辑中找到styll.css，查找widgets-wrap-footer这一段，进行修改，如下红色：

#widgets-wrap-footer {
overflow: hidden;
padding-bottom: 10px;
color: #FFF;
}
.widget-footer {
float: left;
margin-top: 10px;
margin-left: 8px;
margin-bottom: 6px;
width: 640px;
overflow: hidden;
}

其实这里的width和第二段代码中的width差不多就行了，根据喜好自己调整。

这个做完了之后，仅仅只有一个虾米电台的播放器，如果想把自己虾米猜完整的网页做进来，就把src后面的改为

http://www.xiami.com/radio/play/type/4/oid/109765

这样就可以收藏成为自己帐号下面的音乐了。