メニュー
ひとぅ
新しいもの好きな「ひとぅ」が2007年10月からガジェット製品や雑貨、面白いウェブサービスなどの情報を発信しています。お得な情報や役立つTIPSも人気です。
アーカイブ
カテゴリー

Facebookの「いいね!」ボタンを設置してみた(adiaryに設置する方法)

  • URLをコピーしました!

※当サイトではアフィリエイト広告を利用しています

20100517_035713-20100517-035938.png
AppBankさんで連載掲載中の、Facebook特集の影響で、Facebook利用者が急増中のようです♪。私も少し前にアカウントは取得していましたが、放置状態でしたがこれを機にいろいろ使ってみようと思います♪。

みなさんも同じように積極的にチャレンジされているようで、この週末のお休みだけで、お友達が一挙3倍以上になりました(*^_^*)。この勢いでFacebookユーザーが増えると面白い事になるかもしれませんね。

Twitterもはじめは、「何が面白いのかわからない」と思っていましたが、フォロワーが増えてコミュニケーションが生まれるとそこに面白さが出てきたことを思い出すと、Facebookも同じように、まずは友人を増やしみると面白さが分かってくるのかもしれませんね。

さて、前置きが長くなってしまいましたが、FacebookのLikeボタン(日本では「いいね!」ボタン)をひとぅブログにも設置してみました。Wordpressだとプラグインがあって簡単に設置できるようですが、私が利用しているadiaryでは、2つのファイルを弄ることで設置ができます。

「いいね!」ボタンを記事の先頭に設置したのですが、本来は文末に掲載する方がいいのかな?と思いつつ、まずはこれで運用してみようと思います。

目次

adiaryにFacebookのLikeボタン(いいね!ボタン)を設置する方法

Likeボタンコード取得

  1. Facebookウィジェットの「いいね!」をクリックしてLikeボタン生成画面を表示
  2. URLに「XXXXXX」など適当なURLを入力
  3. 設置するボタンを調整し「GetCode」をクリックしてコードをコピー
  4. メモ帳にコードを貼り付け、2で指定したURL部分を探して以下に書き換える
    <@v.server_url><@t.this_diary_url>
    

adairyに設置する(2カ所)

  1. 「/diary.user.skel/」ディレクトリにある、「_main.html」、「_main_onelog.html」をFTPでダウンロードする(無ければ/diary.skel/からダウンロードする。)
  2. 「_main.html」、「_main_onelog.html」でLikeボタンを表示させたい箇所に、コードを貼り付けて上書き保存
  3. 「_main.html」、「_main_onelog.html」を「/diary.user.skel/」ディレクトリへFTPでアップロード

以上です。ブログをリロードして正常に表示されるかを確認してください。

この記事が気に入ったら
フォローしてね!

この記事をシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次