冬天来了，给博客来个人工降雪

Author: 三两饭

8 Dec

冬天来了，给博客来个人工降雪吧，顺便给即将到来的圣诞节增加点气氛，吼吼。。。怎么办呢？简单，其实就是调用一些有下雪场景的 JavaScript ，三两饭的办法更简单，直接使用别人已经制作好的 WordPress 插件。

给大家介绍两款提供下雪效果的 WordPress 插件，这可是我精心挑选的，一个雪花大，一个雪花小，嘿嘿。。。

Snow Fall

这是一款 WordPress 上比较老的雪花效果插件，提供那种大片的结晶的雪花。但是它又不仅仅是一款下雪效果插件，还提供了落叶效果，它的图片是可以更改的，只要你喜欢下刀子都没有问题。

发布地址 | 插件下载

Let It Snow !

这是一个小雪花插件，提供细小的点状雪花效果，著名的 WordPress.com 目前就使用的这种雪花效果。我个人比较喜欢这个雪花插件，效果比较细腻，不仔细看还看不出来。

发布地址 | 插件下载

插件的安装和使用都是比较简单的，插件下过大家可以通过插件发布的网站观看，嘿嘿，不错滴。。。

5 Comments

Filed under: 博客那点事, 奇技和淫巧

给页面加上 Loading （正在加载）效果

Author: 三两饭

20 Nov

还记得三两饭在浅谈博客速度与访客流量中提到过的网站加载速度慢会导致流量损失么？当时三两饭提到可以模仿 Gmail 提供一个加载进度条，但由于我是一个代码白痴，所以没有给出具体的代码解决方案。今天在读 aw 的文章时，找到了一个很好的方法：

首先，在页面的最上部输出一个 Loading 文字，比如”正在加载“，用 div 标签包含，并给它一个 id 比如 loading 。
<body>
<div id='loading'>正在加载</div>
你可以直接放到页面的 <body> 标签后面，亦可以用 script.write 输出。

然后，在你的样式表中，对这个 loading 设定一个简单的样式：
#loading
{z-index:1;padding:5px 0 5px 9px;background:#c44;left:0;
top:0;width:90px;color:#fff;position:fixed}
接下来，在你 <body> 标签闭合之前，将这个 loading 隐藏掉就可以了。最简单的方法是输出一段 <style> 标记：
<script>document.write
('<style>#loading{display:none}<\/style>');
</script>
</body>
如果你有 jQuery 之类的 JavaScript 库，就更方便了，例如 jQuery 可以使用：
<script>$('#loading').hide()</script></body>
这样，当页面完全加载完毕之后 loading 就隐掉了。

添加这样一个简单的加载信息，不但能够挽留一部分访客，同时还能提高访客的 PV 值，何乐而不为呢？良好的网站细节设计是很重要的。

0 Comments

Filed under: 奇技和淫巧

给你的博客添加在线音乐播放器

Author: 三两饭

20 Sep

常来三两饭的朋友可能已经发现，三两饭页面上多了一个在线的音乐播放器，没错这就是我今天要给大家演示的新技术（吹个大牛皮，呵呵。。。），教你如何给自己的博客添加在线音乐播放器。看效果先：

在线音乐播放器

免费的在线音乐播放器很多，我们以 Yahoo Mediaplayer 为例简单说明一下添加方法，其实非常简单，添加一段如下的代码即可：

<a href="http://mediaplayer.yahoo.com/example1.mp3">First link</a>
<a href="http://mediaplayer.yahoo.com/example2.mp3">Second link</a>
<a href="http://mediaplayer.yahoo.com/example3.mp3">Third link</a>
<script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>

前三行是播放列表，你可以根据自己的爱好添加音乐，数量不限；最后一行是调用 Yahoo Mediaplayer 网页音乐播放器，当然你也可以选择其他的在线播放器。

就这么简单，不过最好将此段代码添加到页脚文件中，因为代码是自上而下执行的，所以将 JavaScript 代码放到最后有助于提高博客效率。

3 Comments

Filed under: 奇技和淫巧