bsoup.js 動作サンプル

http://rrvf.blogspot.com/2012/02/blogger-ajax-library-bsoup.html

HTML

<script src="https://raw.github.com/gist/1766334/b9961d58de8e814d327b0030eb7ce4133610b7fc/bsoup.js"></script>
<!-- 以下の記述は通常利用する場合は不要 -->
<script>bsoup.init("5129191888080362196");</script>

<h1>1.記事情報の取得</h1>

<img id="image"/>
<div id="title"></div>
<div id="label"></div>
<script>
var q = bsoup.ajax.entry("http://rrvf.blogspot.com/2012/02/blogger-ajax-library-bsoup.html");
q.image("#image");
q.title("#title");
q.label("#label");
q.execute();
</script>
<hr />

<h1>2.関連記事情報の取得</h1>

<div id='related'></div>
<script>
(function(){
var q = bsoup.ajax.related("#related");
q.label("Android");
q.label("GalaxyS2");
q.max(10);
q.execute();
})();
</script>

<hr />

<h1>3.トラックバックツイートの取得</h1>

<div>この記事へのツイート <span class="tc">0</span>件</div>
<div id="tb"></div>
<script>
    (function () {
        var t = bsoup.util.topsy("http://rrvf.blogspot.com/2011/08/galaxy-s-2-gps-update.html");
        t.count(".tc").trackback("#tb").option("imgSize", 48).execute();
    })();
</script>

CSS

h1{margin:30px 10px;font-size:200%;}