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

マネテク! > PC >
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$>&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
ちなみに、「いいね!」をクリックすると、クリックした人の写真が表示されるとともに、クリックした人のページへのリンクが貼られる仕様になっているようです。
うまく活用できればアレな気もします。

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

※この記事は、以下のリンク先に移動しています。
・いいね!ボタンをlivedoorブログに設置してみました

スポンサーリンク

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

「ポイント・マイル」ブログランキング参加中 人気ブログランキングへ
by ジョージ滝川 at 11:13 │ Comments(0) TrackBack(0) PC  
トラックバックURL
この記事にコメントする
名前:
URL:
  情報を記憶: 評価: 顔   
 
 
 

このページのトップへ
ページトップボタン