Facebookの「いいね!」ボタンをBMB記事に設置する方法

2011/02/14 23:00
投稿者: kuze カテゴリ:Facebook
(1) BMB記事をいったん保存して、その記事のURLをメモ 

例えばこの記事だと、
http://bmb.oidc.jp/article.php/20110214234327955
です。


(2) BMB記事URLつきの下記コードをコピペする

URLは赤文字の部分です。ソース編集モードにして、下記コードをコピペします。このコードをコピペしてからURLを書き換えてもいいです。

<iframe src="http://www.facebook.com/plugins/like.php?href=http://bmb.oidc.jp/article.php/20110214234327955"
scrolling="no" frameborder="0"
style="border:none; width:400px; height:80px"><iframe>




すると、下記のように「いいね!」ボタンが表示されます!





 
[コメントを投稿する]
関連記事
 
コメント [元記事を見る]

コメントは投稿者の責任においてなされるものであり,サイト管理者は責任を負いません。

コメント:Re:Facebookの「いいね!」ボタンをBMB記事に設置する方法
木下です。

有難うございます。
ご存知のとおり BMBは Geeklogベースなので
  /layout/TEMPLATE/storytext.thtml

<div class="story_actions" style="clear:both;text-align:right">
の上に
<iframe src="http://www.facebook.com/plugins/like.php?href={article_url}" scrolling="no" frameborder="0" style="border:none; width:400px; height:80px"></iframe>
を追加することで全ての記事に自動的に『いいね!』ボタンが付けられるようになりました。

BMBの規約との関係でこの機能を有効にするかどうかは水曜日の勉強会で相談して決めたいと思います。

---
TKTools 木下敏夫
http://www.tktools.jp/

大阪府産業デザインセンターデザイン専門員
地域力連携拠点事業専門家(京都府商工会連合会)
大阪府立南大阪高等職業技術専門校 Webシステム開発科講師

投稿者: kino on 2011/02/15 00:33
コメント:Re:Re:Facebookの「いいね!」ボタンをBMB記事に設置する方法
 いい感じですね~

決定次第おしらせくださいね~

どんどん進化していくBMBにこれからも目が離せません!

いつもありがとうございます!

---
********◎特殊変圧器の製造メーカー◎********

治部電機株式会社 代表取締役社長 治部 健

じぶけんのマネジメントブログ http://www.jib-blog.com/

治部健の経営者会報ブログ http://jibu.keikai.topblog.jp/  

治部電機株式会社 

投稿者: jibu on 2011/02/15 09:39
コメント:Re:Re:Facebookの「いいね!」ボタンをBMB記事に設置する方法
BMBの外部サービスとの連携は、去年ツイッターで今年フェースブックですねw

---
ウォルディズ 久世(ason)
http://xtter.openlaszlo-ason.com/

投稿者: kuze on 2011/02/15 11:32
コメント:Re:Re:Re:Facebookの「いいね!」ボタンをBMB記事に設置する方法
 まさしく!そんな感じを受けますね

---
********◎特殊変圧器の製造メーカー◎********

治部電機株式会社 代表取締役社長 治部 健

じぶけんのマネジメントブログ http://www.jib-blog.com/

治部健の経営者会報ブログ http://jibu.keikai.topblog.jp/  

治部電機株式会社 

投稿者: jibu on 2011/02/15 12:15
コメント:Re:Facebookの「いいね!」ボタンをBMB記事に設置する方法
「いいね!」貼り付けてみました!

---
IT経営百選 奨励賞受賞
デル・スモールビジネス賞 国内部門優勝
関西IT百撰 最優秀企業受賞

◆常に新素材◇◇◇型代不要で希望の寸法◆
ベローズ&フレキシブルチューブ 設計・製造
三元ラセン管工業株式会社
〒536-0022 大阪市城東区永田1-2-37
TEL 06-6968-2037 FAX 0

投稿者: takashima on 2011/02/16 10:23
コメント:Re:Re:Facebookの「いいね!」ボタンをBMB記事に設置する方法
木下です。

今BMB勉強会で
暫くは実験で『いいね!』ボタンを自動的に付く機能を有効にして見ましょうか。
ということになりました。

ので、BMBの記事には(今後投稿されるもの、過去の記事共に)自動的に『いいね!』ボタンが
付くことになります。

---
TKTools 木下敏夫
http://www.tktools.jp/

大阪府産業デザインセンターデザイン専門員
地域力連携拠点事業専門家(京都府商工会連合会)
大阪府立南大阪高等職業技術専門校 Webシステム開発科講師

投稿者: kino on 2011/02/16 10:34
コメント:Re:Re:Re:Facebookの「いいね!」ボタンをBMB記事に設置する方法
こんにちわ。
村上紙器工業所の村上です。

「いいね」ボタンが自動でつくなんて、正に「いいね!」です!!

ちなみに、自社サイトにある自分のブログにもこの方法が使えるのかと思い、
久世さんの下記の方法を試してみましたが、表示が上手くいきません。
何か、違うのでしょうか?
ご指南いただけると、有難いです。
宜しくお願い致します。

「貼箱士」村上誠のブログ
http://www.hakoya.biz/blog/


(1) BMB記事をいったん保存して、その記事のURLをメモ 
例えばこの記事だと、
http://bmb.oidc.jp/article.php/20110214234327955
です。
(2) BMB記事URLつきの下記コードをコピペする
URLは赤文字の部分です。ソース編集モードにして、下記コードをコピペします。このコードをコピペしてからURLを書き換えてもいいです。
<iframe src="http://www.facebook.com/plugins/like.php?href=http://bmb.oidc.jp/article.php/20110214234327955"
scrolling="no" frameborder="0"
style="border:none; width:400px; height:80px"><iframe>
すると、下記のように「いいね!」ボタンが表示されます!
投稿者: murakamiM on 2011/02/16 11:45
コメント:Re:Re:Re:Re:Facebookの「いいね!」ボタンをBMB記事に設置する方法
さっそくのコメントありがとうございます。

自分のブログでうまくいかないとのことですが、
そのブログが、ソースコードでの入力を許可しているかどうかではないでしょうか?

そこが、カスタマイズできれば可能性はあると思います。

---
BMB事務局@川本

投稿者: kawamoto(oidc) on 2011/02/16 11:52
コメント:Re:Re:Re:Re:Re:Facebookの「いいね!」ボタンをBMB記事に設置する方法
川本さん

こんにちわ。
村上紙器工業所の村上です。

ソースコードも、もちろんちゃんと受け付けます。
「いいね」ボタンも出たのですが、その周りに変な「枠」みたいなのが出来たので、やめときました。
何かがおかしいのかもしれません。
投稿者: murakamiM on 2011/02/16 12:00
コメント:Re:Re:Re:Re:Re:Re:Facebookの「いいね!」ボタンをBMB記事に設置する方法
「枠」ですか?

それがリンクボーダーならば、border="0" とすれば消えるんですが。
画像で見てみないと分かりませんね~。

---
BMB事務局@川本

投稿者: kawamoto(oidc) on 2011/02/16 12:40
コメント:Re:Re:Re:Re:Re:Re:Re:Facebookの「いいね!」ボタンをBMB記事に設置する方法
コードを貼ってみましたが、こんな状態です。

http://www.hakoya.biz/blog/exhibition/item_680.html
投稿者: murakamiM on 2011/02/16 13:23
コメント:Re:Re:Re:Re:Re:Re:Re:Re:Facebookの「いいね!」ボタンをBMB記事に設置する方法
村上さん、ソース確認したところ、コピペ後のソースがおかしいです~

下記をコピペしてみてください。

---
ウォルディズ 久世(ason)
http://xtter.openlaszlo-ason.com/

投稿者: kuze on 2011/02/16 14:24
コメント:Re:Re:Facebookの「いいね!」ボタンをBMB記事に設置する方法
村上さん、高嶋です。

それ解りました!

これを見てください http://mitsumoto-bellows.keikai.topblog.jp/blog/a/10023919.html

上手くいきましたよ、枠が出来るのは貼りつけたときに改行されているところをを詰めれば枠は消えます。
試してみてください。

---
IT経営百選 奨励賞受賞
デル・スモールビジネス賞 国内部門優勝
関西IT百撰 最優秀企業受賞

◆常に新素材◇◇◇型代不要で希望の寸法◆
ベローズ&フレキシブルチューブ 設計・製造
三元ラセン管工業株式会社
〒536-0022 大阪市城東区永田1-2-37
TEL 06-6968-2037 FAX 0

投稿者: takashima on 2011/02/16 14:26
コメント:Re:Re:Re:Facebookの「いいね!」ボタンをBMB記事に設置する方法
久世さん、高嶋さん、川本さん、有り難うございます。
見事に、直りました。

コピペが上手く行ってなかったのが、原因のようですね。
有り難うございました。
これで、自分のブログにも「いいね」ボタンを付けてみます!
投稿者: murakamiM on 2011/02/16 14:34