2008年10月6日月曜日

Blogspotにソーシャルブックマークへのボタンを設置してみる.

私自身はソーシャルブックマークをこれまで使ってないのですが記事を見かけたのでやってみた.

参考にしたのはこちら:
  • Put Social BookMark on Blogger (Digg, Delicious, Stumble Upon)
  • blogger betaにはてなのこのエントリーをブックマークに追加ボタンをつける。

  • 参考コードを混ぜ合わせたコード:
      <span class='hogehoge'>
    <a class='hatena' expr:href='&quot;http://b.hatena.ne.jp/append?&quot; + data:post.url'><img align='absmiddle' alt='このエントリーをブックマークに追加' height='12' src='http://b.hatena.ne.jp/images/append.gif' style='border: none;' title='このエントリーをブックマークに追加' width='16'/></a>
    <a class='digg' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;bodytext=&amp;topic=&quot;' target='_blank' title='Digg this'><img align='absmiddle' alt='Digg this' height='16' src='http://fluidsolution.lifewg.googlepages.com/jackbook_digg.gif' style='border: none;' title='Digg this' width='16'/></a>
    <a class='delicious' expr:href='&quot;http://del.icio.us/post?v=4&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add to del.icio.us'><img align='absmiddle' alt='Add to del.icio.us' height='16' src='http://fluidsolution.lifewg.googlepages.com/jackbook_delicious.gif' style='border: none;' title='Add to del.icio.us' width='16'/></a>
    <a class='stumbleupon' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Stumble It!'><img align='absmiddle' alt='Stumble It!' height='16' src='http://fluidsolution.lifewg.googlepages.com/jackbook_stumbleupon.gif' style='border: none;' title='Stumble It!' width='16'/></a>
    </span>

    追加:
  • レイアウト/HTMLの編集/テンプレートを編集のテキストエリアで編集.
  • この際,テキストエリア右上の ウィジットのテンプレートを展開にチェックを入れておく.
  • 私は'<p class='post-footer-line post-footer-line-2>'タグが閉じた後ろに入れてみた.

  • 実際登録できるのだろうか…後で試す.


    追記(2008/10/07):
  • Diggにできたっぽい.(似たのがないか確認.とかエラいステップ数が必要だとという印象.)
  • deliciousにできたっぽい.(Diggと異なり, 単純Bookmarkなのでサックリって感じ.)
  • あと2つはまぁできるだろう…ということで.

  • 追記(2008/10/07 2):
    Going My Way: ブログのエントリーへのコメントを Twitter に投稿できるボタンを参考にTwitterへコメントするボタンもつけてみた.
    <a class='twitter' expr:href='&quot;http://twitter.com/home?status=@p_g_%20(&quot; + data:post.url + &quot;)&quot;' target='_blank' title='Twitter 経由でコメントする'><img align='absmiddle' alt='Twitter 経由でコメントする' height='16' src='http://1.bp.blogspot.com/_GYl1BvSYm8o/SOqe2-GdaHI/AAAAAAAAAwc/CBcQXbSpQRc/s200/favicon.png' style='border: none;' width='16'/></a>

    0 件のコメント: