必威体育下载基督教Heilmann

贴有“徽章”标签的帖子

爱的意义,Windows 3.11,极客装饰和我在山谷里的约会到目前为止

周一,1月25日,二千零一十

今天早上让我快乐的事情:

一个演讲评论徽章或其他喜欢Twitter的理由

周二,11月10日,2009

喜欢Twitter的另一个原因是:你需要api,然后你得到了它们。AS在我的tweet请求演讲者的讲话速度很快建立一个美国石油学会
最新评论-这是我的感谢。使用一点YQL魔术和一些javascript我放了一个徽章来展示你页面上最新的演讲评论:

你的演讲徽章测试。

检查演示页面找到徽章的来源阅读GitHub上的文档.

用途:

简单添加div连接到您的扬声器页面上的speakerrate:

      

然后添加脚本并调用init()方法:

src=“http://github.com/codepo8/speakerrate badge/raw/master/speakerrateback.js”>

您还可以为()更改徽章外观和功能的方法:

src=“http://github.com/codepo8/speakerrate badge/raw/master/speakerrateback.js”>

如果你需要不同的款式,只使用风格:虚假或者覆盖应用的。

在博客上显示有用的tweet(使用YQL的第二个版本)

星期五,1月16日,2009

回到九月一日展示了如何使用Yahoo Pipes在您的博客上显示过滤后的tweet的解决方案在这个页面右边的侧边栏中使用。

它有一些问题:返回的数据很大,页面速度变慢(是的,我可以在页面加载后延迟这个时间,但我只使用了最近20次的更新,以我的推特速度,这意味着很多时候已经没有任何“值得写博客的”推文了。

所以,我四处挖掘,发现这不是分析RSS你的tweet的feed使用美国石油学会,详细某人最近更新这允许我使用count参数获取最多200条最新tweet。

这是很棒的,然而,作为美国石油学会在每个状态中重复我的所有信息(我想为了覆盖更改,例如位置)结果可以变得非常大,比如现在JSON我的Twitter更新输出为120kb——不是很好。

通过使用YQL我可以使用以下命令轻松地将其缩减为基本必需品:

从xml中选择status.text,其中url='http://twitter.com/status/user_timeline/codepo8.xml?count=200'和status.text,如“%§%”

与此结合使用JSON输出和包装我只得到我需要的更新,作为一个1.2KB的大型javascript文件!

这个HTMLJavaScript解决方案的变化不大:




现在我得到了一个更快更有用的tweet徽章,上面的信息保存的时间更长。容易的。

向世界展示您的Twitter类型(使用PHP和谷歌图表)

星期天,11月23日,2008

我在Twitter和谷歌图表美国石油学会.你现在可以添加一个图片到你的博客,网站或任何地方,并显示你是什么样的Twitter用户的图片。你所需要做的就是嵌入一个图像,并给它正确的来源:

例如,我的用户名是codepo8,这将是:

得到的图像是:

例如,对于约翰·希克斯来说:

得到的图像是:

如何完成以及如何“改变东西”

你可以下载源代码尝试一下这个(我希望它不会增加我的流量:),如果是这样的话,它可能会离线。这真的没什么神奇的:

首先我得到用户名,过滤掉讨厌的东西:


$ user = $ _GET(“用户”);
美元isjs = " / ^ [a - z | a - z | _ | - | | 0 - 9 |美元。]+ /美元”;
如果(preg_match(isjs美元,美元用户)){

然后我设置内容类型来显示图像,并使用curl从用户的twitter页面获取信息。

标题(“内容类型:图像/ png”);
$info=array();
美元续= (" http://twitter.com/ "用户美元);

我使用正则表达式获取信息并将其放入关联数组中:

preg_match_all('/([^ >]+)续,美元/ msi”,遵循);
$info['follower']=转换($follow[1][0]);
preg_match_all('/([^ >]+)/msi',$cont,$follower);
$info['followed']=转换($follower[1][0]);
preg_match_all('/([^ >]+)/msi',$cont,$updates);
信息(“更新”)=转换美元(美元更新[1][0]);

convert函数删除由twitter添加的逗号标点,并确保值是整数。

然后我需要确定这三个值中哪一个是最高的,并定义一个比例因子作为谷歌美国石油学会只允许值高达100。然后通过获取正确的数组键来检查用户的类型,并更改显示的值。


$max=最大($info);
$convert=100/$max;
foreach($info as$k=>f)
如果($F= $max){
$ = $ k型;
}

$disp[$k] = $f * $convert;
}


我检查类型并相应地组装显示字符串:

如果($ type = '更新'){
$t = ' is an ';
}

如果($ type =“追随者”){
$t = '是a ';
}

如果($ type = '之后'){
$T='正在';
}

$title=$用户。美元。$类型;


我组装标签数组和值数组,并将它们加到正确的谷歌图表中 美国石油学会网址。我用卷发来获取图像并将其回声出来。

$out=ARARYY();
foreach ($ info k = >我美元){
$out[]=k.'+('$i.'')';
}

$labels=join($out,“”);
$values=join($disp,,');
$ img = get(“http://chart.apis.google.com/chart?cht=p3&chco=336699&”。
'chtt='.urlencode($title)。'&chd=t:'.$values。
'&chs=350×100&chl='.$labels);
回声$ IMG;
}


其余的是curl和convert helper函数。

函数得到($ url) {
$ ch = curl_init();
卷发($ch,科洛普网址$URL);
卷发($ch,科洛普_RETURNTRANSFER,1);
$feed=curl_exec($ch);
curl_close(ch);
返回$饲料;
}

函数转换($x)
$ x =(大小写不敏感”、“,”,$ x);
$x=(int)x;
返回$ x;
}

你喜欢什么?

更快的版本(一卷,而不是两个)

而不是设置PNG你也可以在末尾设置一个location header并重定向统一资源定位地址请求到谷歌的服务器。我想他们有更多的带宽。:)

谷歌阅读器共享物品的低调徽章

星期三,5月21日,2008

我是谷歌阅读器的用户,可以通过RSS我订阅的源。我认为这样说很安全RSStwitter已经取代了我大部分的网络冲浪。

最喜欢大RSS读者,谷歌阅读器还可以让你与那些想要和你的社交社区的人分享你的伟大发现。您可以将这些发现作为提要或小徽章(在谷歌术语中称为剪辑)包含在您的博客或其他站点中。

这个这个徽章的开箱即用版本可以定制和结果在两个JavaScript中包含其中的写出来的徽章。

太好了,但是我不太关心那些没有javascript就可以提供功能的东西,但是不需要麻烦,这就是为什么我更仔细地检查了谷歌标记的作用。

如果您查看生成的脚本包含,您会发现如下所示统一资源定位地址(增加空间以避免破坏我的博客:))

http://www.google.com/reader/public/javascript/user/07479231772993841072/state/com.google/broadcast?n=5&callback=grc_%28%7bc%3a%22green%22%2ct%3a%22ch必威体育下载ristian%20heilmann%27s%20shared%20items%22%2cs%3a%22false%22%7d%29%3bnew%20grc

点击这个会得到aJSON带有包装函数的对象(出于某种原因,还带有注释,说明这是一个javascript文件)。这意味着您可以将其用于您自己的目的。

你只需要你的用户ID,你可以很容易地从谷歌阅读器提供的共享项目主页上找到这个。就我而言,这是http://www.google.com/reader/shared/07479231772993841072.

其他有趣的参数JSON APIn参数定义项的数量和回调参数定义围绕JSON数据。

将所有这些组合在一起,很容易创建使用以下内容的徽章HTML在谷歌阅读器上展示我的共享项。

      

没有JavaScript的访问者仍然可以通过单击进入我的共享项页面。使用javascript的用户将获得最新的5个。

您可以在演示页面(使用教程建造者):