ブログ修正日記7 「Facebookバッジ」
ブログにTwitterバッジはすでに付けていましたが
Facebookバッジも付けてみました。
(ブログの右側についている青いバッジです)
Facebookバッジは「HeartRails Badge」というサービスを使って作成しました。
・HeartRails Badge
http://badge.heartrails.com/
アカウント情報を入力するだけで簡単に作成できます。
設置手順をご説明。
=======================================================
【手順1】
「HeartRails Badge」ページへアクセス。
【手順2】
FacebookのアカウントIDを入力したり、
バッジの位置を決めます。
(右か左か、上から何pxのところに置くか。。)
なお、このサービス。
Facebook以外にもmixiだったりその他オリジナルの
バッジも作れてしまいます。
【手順3】
情報入力後、「プレビューする」ボタンを押すと、
ページ内にプレビューが表示され、「貼付け用タグを取得する」ボタンで
ソースが表示されます。
こちらをブログのメインページ(私だったらindex.php)に貼り付けて完成です。
こんな感じになります。
=======================================================
以上。
ちなみにTwitterバッジは
「Twitter “Follow” Badge for your site/blog」というサービスを使っています。
(デザインがお気に入りです)
・Twitter “Follow” Badge for your site/blog
http://www.go2web20.net/twitterFollowBadge/
どちらも便利♪
ブログ234日連続更新中!
ブログを最後までお読みいただき本当にありがとうございます!
初めて当ブログに訪れた方も、何度か当ブログにお越し頂いている方も
もしよろしければRSSリーダーの登録をよろしくお願いいたします!
TwitterとFacebookも併せてお願いいたします。
・Twitter @yoh_bookmark
・Facebook @yoh.bookmark

