正在加载

三两饭

三两饭关注互联网,喜欢分享一些有趣的东西和有用的技巧。

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

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

Snow Fall

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

发布地址 | 插件下载

Let It Snow !

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

发布地址 | 插件下载

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

还记得三两饭在浅谈博客速度与访客流量中提到过的网站加载速度慢会导致流量损失么?当时三两饭提到可以模仿 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 值,何乐而不为呢?良好的网站细节设计是很重要的。

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

在线音乐播放器

免费的在线音乐播放器很多,我们以 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 代码放到最后有助于提高博客效率。

给你的博客添加 Dock 效果

苹果 OSX 下的 Dock 效果很绚吧?没问题,咱玩博客( WordPress )的也能搞出来。不信?那你瞧好了。

安装 MacDock 这个插件就能帮你在页面上添加类似 OSX 下的 Dock 效果,当然啦这其实也不是什么很神奇的技术,网上有很多的类似 JavaScript 代码,作者只是将它做成插件而已,这样对大多数用户来说会更加的方便。

我们来看看效果吧:

MacDock Plugin for WordPress

插件的安装和使用没有什么好说的,老套路,没有什么困难的地方,你可以自己选择喜欢的图标替换默认的图片或者去掉不需要的图片。e2dc63ed

发布地址 | 插件下载

三两饭在减少垃圾邮件的几个有用建议中曾经提到过:垃圾邮件群发软件都会从搜索引擎数据中搜索电子邮件地址,所以当你试图在网页上留下电子邮件地址时,最好将 admin@domain.com 改为 admin#domain.com 。

但是,如果你非要书写正确的电子邮件地址,或者想要在电子邮件地址上添加链接,使用上面提到的方法就一定会暴露自己的电子邮件地址。难道就没有办法可以解决?

办法还是有滴,因为我们知道搜索引擎是不会索引 JavaScript 的,所以使用 JavaScript 输出电子邮件地址群发机器就不会找到了。要输出带有链接的电子邮件地址,只需下面这几句简单的 JavaScript 代码就可以实现:

<script type="text/javascript">
 
emaile=('name@' + 'domain.com')   
 
document.write(
    
'<a href="mailto:' + emailE + '">'
    +
emailE + '</a>' )
<
/script>

但是还有一个问题,如果遇到不支持 JavaScript 的浏览器,电子邮件地址就无法显示。所以最好再在代码的后面添加一些补救的措施,例如输出一个电子邮件图片或者一段说明文字。

<noscript>
  <
img src='电子邮件图片地址' height="20" width="40">
  <
em>电子邮件地址需要浏览器支持js才能显示</em>
<
/noscript>

将两段代码合并起来,就可以做到既安全又没有漏洞地保护你的电子邮件地址。

make money with your web site