いいね！ボタンをlivedoorブログに設置してみました:マネテク！

2011年01月06日

いいね！ボタンをlivedoorブログに設置してみました

マイレージはANA派、クレジットカードでマイルを貯めているジョージ滝川＠～マイレージ・クレジットカード～マネーテクニック！です。

最近、facebookにハマり気味なのは過去記事でも書かせて頂いている通りです。

・Twitterとfacebookを連携させてみました
・about.meでプロフィールページを作ってみました

というわけで、調子に乗って(笑)「いいね！」ボタンを設置してみました。
facebookをやられている方は、ぜひお気軽に「いいね！」してみて下さい。

設置の仕方について、簡単に解説しておきます。

とりあえず、全記事の最下部に、「いいね！」ボタンが出るようにしました。

基本的に、下記リンク先の「URL to Like」の部分に、「いいね！」ボタンを貼り付けたいURLを入力して「Get Code」をクリックすれば、設置のためのコードが取得できますので、これを自分のWebサイトやブログなどに貼り付ける、という流れになります。

・Like Button - Facebook開発者

当ブログと同様にlivedoorブログの場合で、「個別記事」ページに「いいね！」ボタンを表示させたい場合は、「デザインカスタマイズ」から「個別記事」ページを選び、以下の文字列を挿入すれば、挿入した場所に「いいね！」ボタンが表示されるようになります。
ページのURLをパーマリンクで記述するのがポイントです。

<iframe src="http://www.facebook.com/plugins/like.php?href=<$ArticlePermalink$>&layout=standard&show_faces=true&width=450&action=like&colorscheme=light&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>

ちなみに、「いいね！」をクリックすると、クリックした人の写真が表示されるとともに、クリックした人のページへのリンクが貼られる仕様になっているようです。
うまく活用できればアレな気もします。

というわけで、facebookをお使いの方は今すぐ、そして使っていない方は登録してから(笑)、下の「いいね！」ボタンをクリックしてみて下さい！
　----- EXTENDED BODY PRIVATE:

前の記事：寒いとおしっこがしたくなるのはなぜか？
次の記事： PCでもコロニーな生活☆PLUSが楽しめます