クリボウの Blogger Tips

Google Blogger の使い方、カスタマイズ方法、各種ツールなど、
Blogger 関連の役立つ情報を紹介しています。

> 「del.icio.us に追加」ボタンを貼り付ける

「del.icio.us に追加」ボタンを貼り付ける

Posted at: 2006-07-07 11

以前、Technorati とはてなブックマークという記事で、各エントリーをはてなブックマークに登録してもらうためのリンクを紹介しました。今回はその del.icio.us 版。読者がそのエントリを del.icio.us に登録するためのボタンです。Blogger 入門 の方で導入しているので、ご覧になった方もおられると思います。

導入方法

このボタンをブログで使うには、Blogger 管理画面「テンプレート > 現在の内容を編集」でテンプレートを表示させ、ボタンを設置したい位置に下のコードを貼り付けてください。

<a href="javascript:location.href='http://del.icio.us/post?v=4;url='+encodeURIComponent('<$BlogItemPermalinkUrl$>')+';title='+encodeURIComponent('<$BlogTitle$>: <$BlogItemTitle$>')" target="_blank"><img src="http://www.kuribo.info/image/delicious/delicious.gif" width="16" height="16" alt="このエントリーを del.icio.us に追加" title="このエントリーを del.icio.us に追加" style="border:0;" /></a>

ブログを再構築して、実際に見てみるとこんな風になると思います。 → このエントリーを del.icio.us に追加

画像が少し大きいなと思われる方は赤字の部分を、下のコードに差し替えて使ってください。
<img src="http://www.kuribo.info/image/delicious/delicious_s.gif" width="12" height="12" alt="このエントリーを del.icio.us に追加" title="このエントリーを del.icio.us に追加" style="border:0;" />

すると、こんな風に表示されます → このエントリーを del.icio.us に追加

ちなみに上記のコードは、Blogger のテンプレートタグを使用しているため、投稿の本文では使用できませんのでご注意下さいませ。


スポンサードリンク:
お願い:
「この記事役に立った!」と思ったら、ぜひフィード登録をお願いします。 

Comments:11

  1. いつも役に立つ情報、ありがとうございます。

    早速、うちのブログに貼り付けさせていただきました。
    実は、以前から他所様のブログでこのボタンを見つける度に、うちにも欲しいなーと思っていたんです(笑

    本当にありがとうございます。

    あ、それから、画像はクリボウさんの所から引っ張ってくるままではまずいかと思いまして、勝手に変更させていただいたのですが、良かったでしょうか?

    ReplyDelete
  2. こんにちわ!ワタシも早速追加しました。ありがとー!! (赤字んとこと下の”del.icio.us”、icioがタイポかな。ここ、ワタシもいつも目がチラチラするのよね)

    ReplyDelete
  3. > shiosaba さん
    コメントありがとうございます。
    > 画像はクリボウさんの所から引っ張ってくるままではまずいか
    クリボウのサーバーのものをコードとして出しているときは、そのまま使ってもらって結構です。でもやはり、画像を自分のサーバーに上げられる環境の方は、独自で上げてもらった方が助かりますね。お気遣い、ありがとうございます。

    > satomi さん
    > タイポ
    ほんとだ!見事に8つも間違えていました…。コピペでスペルミスを量産していたようです。ご指摘ありがとうございました。

    ReplyDelete
  4.  はてブボタンと共に、導入してみました。
     "del.icio.us"は、アカウントを持ってもいないのですが、とりあえず貼ってみました(笑)。

    ReplyDelete
  5. ちゃめ=kamimuraです。
     投稿に全然関係ないのですが、このパーツを導入するついで(?)に、テンプレートを差し替えてみました。
     クリボウのBlogger入門で紹介されていたサイトのテンプレートを使ってみました。
     クリボウさんと同じ3カラム型ですが、私の場合、本文の表示が遅いのがちょっと、難点ですね。
     原因はブログパーツの貼りすぎでしょうが…。

    ReplyDelete
  6. このブログも表示が遅いです。速度の遅い回線だとイライラするんじゃないかな?と思うぐらい。僕もテンプレート変えましょうかね。

    ReplyDelete

Comments on Google+:

© 2005-2014 Kuribo. Powered by Blogger.