2009年2月20日星期五

饭否to副标题

twitter的wordpress插件层出不穷,而饭否的却没几个。昨天在找饭否的wordpress插件时,看到有人(想起来是谁了)提出可用饭否提供的js插件经过修改后可作为自己博客的副标题。虽然有现成的可用,但官方提供的很不满意:

  1. 直接生成代<li>的代码,有的博客主题会在前面标序号。

  2. 后面带饭否的brand和连接,去都去不掉,放副标题影响美观。

  3. 自己动手改他的js代码有点呼力,因为对js真的不熟。


于是就用饭否提供的API结合PHP写了这个“饭否to博客副标题”的小应用。以下是简单介绍以及用法:

1、简单介绍


  • 通过饭否的API得到了你在饭否上发表的最新消息。

  • 虽然名字叫“饭否to副标题”,其实可以把它插入到任何你想放的地方。

  • 可以改以下js代码中的参数来控制你想显示任何人的消息以及当消息长度超过多少时自动截段,这样就不会破坏网页的美观。

  • 效果请看本丫的副标题,就是我饭否最新的消息。


2、用法

<script src="http://huasangma.appspot.com/?id=你的饭否id&len=显示消息的长度" type="text/javascript"></script>

  • 复制以上代码

  • 把其中“你的饭否id”改为你想显示的用户id,如fanfou。

  • 把其中“显示消息的长度”改为你想消息显示的长度,如20,默认为30.

  • 把他添加到你想显示的任何地方。以wordpress博客副标题为例,可以在header.php中看到如下代码:
    <div id="caption">
    <h1 id="title">
    <a href="/">
    ('name'); ?>
    </a>
    </h1>
    <div id="tagline">
    ('description'); ?>
    </div>
    </div>

    把其中的代码:
    ('description'); ?>

    用复制的代码替换。

  • OK,完成!

3 条评论:

匿名 说...

已经收录到 饭否api应用了http://delicious.com/fanfou/API%E5%BA%94%E7%94%A8

多谢:-)

匿名 说...

@wanhuai
这么快?我都不知道你怎么找到这的。呵呵

匿名 说...

不错呵呵