>--> 「del.icio.us に追加」ボタンを貼り付ける | クリボウの Blogger Tips

クリボウの Blogger Tips

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

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

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

Posted at: 2006-07-07 15

以前、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:15

  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
  7. Freebet Gratis melalui Bandar Domino Bet Skolkovo Rusia Situs www.rusiapoker.us Melalui HSBC - Hongkong and Shanghai Syariah Kode Bank 041.

    ReplyDelete
  8. Very interesting blog. Alot of blogs I see these days don't really provide anything that I'm interested in, but I'm most definately interested in this one. Just thought that I would post and let you know
    Car Image Editing

    ReplyDelete
  9. We are offering best assignment help in Australia for students studying Australia. We have experts cover almost every sub-segment or branches of assignment writing. Assignment help is one of the major services provided by Sample Assignment c. The world revolves around money and economics seems the main subject of concern to students. Hence, they search for paper writing, essay writing help in order to devote their precious time in other equally important tasks.

    ReplyDelete
  10. Of all your blogs I read, I find this one immensely good because I too agree that these students are getting overburden with the weights of complex assignments handed by their university professors. However, My Assignment Services is a platform that provides you assignment help Singapore, South Africa, Canada, Thailand, Kenya, UK, Qatar, etc. wherever you are. And when it comes to solving your economics related queries, you can find peace with our economics online quiz help or any of the assignment types. Our assignment experts have got your back with all the components of economics such as macroeconomics assignment help, microeconomics, supply and demand, market equilibrium, etc. By choosing My Assignment Services, you are getting the opportunity to earn maximum grades by the means of our services who are immense providers of assignment help Singapore. You can visit our website at My Assignment Services to get your pending assignments completed quickly.

    ReplyDelete

Comments on Google+:

© 2005-2014 Kuribo. Powered by Blogger.