blogger の popular post に被はてなブックマーク数を表示する

[したいこと・しりたいこと・目標]

bloggerの人気の投稿に被はてなブックマーク数を表示する

[したこと]

(01)
bloggerのダッシュボードにある"デザイン" タプを選択する。

(02)
"ページ要素"を選択し、ガジェットの追加のリンクをクリックする。
ガジェットの追加ウィンドウから　人気の投稿をクリックる。


(03)
人気の投稿のデザインなどを設定する。


保存ボタンを押す。

(04)
"HTMLを編集する"を選択し、ウィジェットのテンプレートを展開をチェックする。


テンプレートの編集画面で、以下のコードを探す。

<!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>

(04)
(05)で探したコードの下に以下のコードを追加する。

<div padding="0px 5px">
            <a expr:href='&quot;http://b.hatena.ne.jp/entry/&quot; + data:post.url' style='background: #ffcbcb; border: none; color: #ff0606; font: bold 0.8em Helvetica, Arial, sans-serif; text-decoration: underline;font-size:12'>
        <script expr:src='&quot;http://api.b.st-hatena.com/entry.count?url=&quot; + data:post.href + &quot;&amp;callback=document.write&quot;'/> user</a>
</div>

(06)
プレビューボタンを押し、確認をする。
確認したら保存ボタンを押す。