Facebook の Like Button(いいね!ボタン)を設置する

話題のFacebook Like Button (いいね ボタン) をJimdoに設置する方法を紹介します。

 

Like Button をクリックすると、自分のFacebookのページに記事のタイトルが表示され、友人に見えるようになります。

 

1.Facebook の Like Button ページを開く

    http://developers.facebook.com/docs/reference/plugins/like

 

2.URL to Like にLikeボタンを設置するページのURLをコピペする

  Jimdoであれば編集モードではなくプレビューかログアウトした状態でURLをコピーする

 

3.Layout Style 等好みに合わせてカスタマイズする

 

4.Get Code ボタンを押す

 

5.別画面が開き、iframe用とXFBML用のコードが表示されるので、iframe用のコードを全選択して右クリック→コピー

 

6.JimdoのLikeボタンを設置するページに「ウィジェット/HTML」を追加する

 

7.iframe用コードをペーストする

    アイコンが正しく表示されないときはheightに値を入れて調整する。

  ※以前はheightが設定されていませんでしたが、今はデフォルトで35が設定されています。(2010/05/22現在)

 

以上で完了です。

貼った直後は正常に表示されないかもしれませんが、一度プレビューするかログアウトすると正常に表示されます。

 

このページには既に Like Button が貼ってあります。

クリックしてご自分のFacebookのページを確認してみてください。

もう一度同じ Like Button クリックするとFacebookからも消えますので、安心して試してください。

 

無料ホームページ