ブログエントリーに、ツイートするといいねボタンを追加

「Twitterのツイートする」ボタンンとFacebookの「いいねボタン」を、追加した。
2011-01-02-T.jpg
Twitter のツイートするボタン
Twiter / ツイートボタン で、オプションを選択して、貼り付ける。
Facebook の「いいねボタン」
ちょっと工夫が必要。Facebook の Like Button は、URLを直接埋めこまなければならない。下のページで、オプションを選択すると、コードが入手できる。URLは、直接入力するので、このブログのエントリの場合は、そのエントリのURLにする必要がある。
そこで、URLに仮に”URL”と入力して、コードを取得する。
2011-01-02-F.jpg
そのコードの仮に入力したURLの部分を、いいねの対象のURLに書きかえる。
<iframe src=”http://www.facebook.com/plugins/like.php?href=URL&amp;layout=button_count&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=21″ scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:450px; height:21px;” allowTransparency=”true”></iframe>

このブログをつくっているMovable Type 4.2 の場合は、ブログ記事の詳細テンプレートに、URLを<$mt:EntryLink>に書き換えた以下のコードを追加すればいい。
<iframe src=”http://www.facebook.com/plugins/like.php?href=<$mt:EntryLink>&amp;layout=button_count&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=21″ scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:450px; height:21px;” allowTransparency=”true”></iframe>

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

*