サイドバーに「いいね!」ボックス設置
だあああ。。。・°・(ノД`)・°・
お陰様で、やっとこさっとこ…
ヤプログのみんな(つか公式のこんぷろblogも)と同じく
「いいね!」ボックス設置出来ました。。。
真っ先にこのブログ記事に対する「いいね!」ボタンは実装してましたが
このブログから、我々コンプロのFacebookページに対して
いいね!して貰うボタン(つかボックス)の
設置方法が分かりませんでした。
分かって見ると「なんだそれだけのコトか」でありますが
暫く経つと、隊長さんて、ほら、アレなんで、
いちおチラシの裏的に、ちょっちまとめときます。
ブログ記事に対しての「いいね!」ボタンの『script』も
ここ「プラグインの追加」に書いたんですが
『script』が例の「FBML」的だったので(つかXFBML!)
ここに一緒に書くとあかんのかと勝手に決め付けてました。
のでずっとを、プラグインやらフリースペースの方に書いたり、
適当に中の文字列を弄ってみたり・・・。
なんの根拠もないのにね!
( ̄Д ̄;;
ま、出来たから良し!としませふ。
とゆワケで、コンプロFBPの方も、
びしばしどしがしあべしっ!
・・・ちうくらい
しちゃいましょう!
ィよろしくぅ お願い しまっす。っす。ッス。。。....
お陰様で、やっとこさっとこ…
ヤプログのみんな(つか公式のこんぷろblogも)と同じく
「いいね!」ボックス設置出来ました。。。
真っ先にこのブログ記事に対する「いいね!」ボタンは実装してましたが
このブログから、我々コンプロのFacebookページに対して
いいね!して貰うボタン(つかボックス)の
設置方法が分かりませんでした。
分かって見ると「なんだそれだけのコトか」でありますが
暫く経つと、隊長さんて、ほら、アレなんで、
いちおチラシの裏的に、ちょっちまとめときます。
- 【設置の手順】
- 先ずアメブロのサイドカラムの横幅を調べる
[記事を書く]→[デザインの変更]→[CSSの編集]から
下の方《ameblo CSS Skin Layout Settings/2コラム記事左:横幅固定》の
「#sub_a{width:200px;」を確認。→この場合200px - ボックスを設置したいFacebookページの[Facebookページを編集]→
[
マーケティング]→[
ウェブサイトに「いいね!」ボックスを追加] - FacebookPage URL:表示させたいFBPのアドレス
Width :ボックスの幅。さっき調べた値を入力
Color Scheme :「light/dark」選択。「白背景・黒文字/黒背景・白文字」
Show Faces :いいね!した人のアイコン表示のOn/Off
Stream :ウォールの更新情報のOn/Off
Header :Facebook header表示のOn/Off - 好みで↑の選択とチェック後、[Get Code]を押し「XFBML」欄を丸っとコピー。
- アメブロに戻り[記事を書く]→[サイドバーの設定]→[プラグインの追加]→
[フリープラグイン]で任意の場所にペーストする。
※既にプラグインを入れてる場合、その順番で設置される。
後で見やすくする為、<!-- Facebook Box -->とコメントを入れておく。
ブログ記事に対しての「いいね!」ボタンの『script』も
ここ「プラグインの追加」に書いたんですが
『script』が例の「FBML」的だったので(つかXFBML!)
ここに一緒に書くとあかんのかと勝手に決め付けてました。
のでずっと
適当に中の文字列を弄ってみたり・・・。
なんの根拠もないのにね!
( ̄Д ̄;;
ま、出来たから良し!としませふ。

とゆワケで、コンプロFBPの方も、
びしばしどしがしあべしっ!
・・・ちうくらい
ィよろしくぅ お願い しまっす。っす。ッス。。。....

~のに
っ



も、
曜
![$[k]Master的音生活-こんぷろっ!](https://stat.ameba.jp/user_images/20110220/02/k-master/1c/6e/j/t02200072_0280009211061821618.jpg?caw=800)


あああ
に

き
![$[k]Master的音生活-3月](https://stat.ameba.jp/user_images/20110306/15/k-master/db/79/j/t02200293_0480064011093579555.jpg?caw=800)
![$[k]Master的音生活-さばの塩焼き](https://stat.ameba.jp/user_images/20110306/16/k-master/67/a3/j/o0440033611093620201.jpg?caw=800)
![$[k]Master的音生活-まぐろの海鮮丼](https://stat.ameba.jp/user_images/20110306/16/k-master/de/36/j/o0440033611093651446.jpg?caw=800)
![[k]Master的音生活-はずい](https://stat.ameba.jp/user_images/20110306/16/k-master/f4/47/j/o0336044011093723195.jpg?caw=800)