2010年10月26日火曜日

deliciousのボタンをbloggerに追加する

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

deliciousのボタンを追加する



[したこと]




(01)
deliciousのサイトに行く。
Delicious
http://www.delicious.com/

logoマークのurlを調べる。
(右クリックして画像のURLを保する)
http://l.yimg.com/hr/14413036/img/delicious.med.gif

(02)
フランスの日々さんのコードを参考にする。

Bloggerにソーシャルブックマークのボタンをつける | フランスの日々
http://mesetudesenfrance.blogspot.com/2008/04/deliciouslivedoor.html

deliciousのコードだけコピーする。

(03)
bloggerのHTMLを編集するタブを開き、ウィジェットのテンプレートを展開をチェックする。

テンプレートの編集画面で、以下のコードを探す。
<div class='post-footer-line post-footer-line-1'>

(04)
(03)で探したコードの下にDeliciousのボタンを表示するコードを追加する。

コピーしたコードは以下のようになっている。
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' title='このエントリをdel.icio.usに追加する'><img alt='このエントリーをdel.icio.usに追加' height='12' src='デリシャスのロゴの保存場所URL' style='border: none; margin: 0pt 0pt 0px 0px; float: none;' width='12'/></a>

大きさが12だと小さい気がするので16に拡大。
デリシャスのロゴの保存場所URLを(01)で調べたURLに書き換える。

<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' title='このエントリをdel.icio.usに追加する'><img alt='このエントリーをdel.icio.usに追加' height='16' src='http://l.yimg.com/hr/14413036/img/delicious.med.gif' style='border: none; margin: 0pt 0pt 0px 0px; float: none;' width='16'/></a>

書き換えた物を貼付ける。

(06)
プレビューで確認する。
テンプレートを保存する。

[参考]

Bloggerにソーシャルブックマークのボタンをつける | フランスの日々
http://mesetudesenfrance.blogspot.com/2008/04/deliciouslivedoor.html

0 コメント: