« ブログアップを自動的にTweetする「FeedTweet」 | Main | FlashをHTML5に変換するツール Adobe「Wallaby」を検証してみた »

Twitter、はてなブックマーク、Facebookのボタンの設置方法

昨今のソーシャルメディアブームに便乗し、
今更ながら、Twitter、はてなブックマーク、Facebookの
ボタンを当ブログにも追加してみました。

今はそれぞれからオフィシャルのものが出ているので、
ものの数分でボタン設置できると思います。

設置方法は、それぞれ以下の通り。

Twitterの公式Tweetボタン

オフィシャルページにて、好みのボタンの形式を選んで、
スニペットコードを貼るだけ。これは簡単です。

但し、Tweetされるかどうかは、あなた次第。
ぼくは以下の形式のものを選択しました。


はてなブックマークの追加ボタン

オフィシャルページにて、コードをコピー。
こちらもコードを貼るだけで、はてなブックマークに追加できるボタンがつく機能。
但し、エントリーごとにボタンをつける場合は、リンク先部分を

「http://b.hatena.ne.jp/entry/<$MTEntryPermalink$>」

にする必要があります。
※上記は、当ブログのようにMTの場合。

ぼくは以下の形式のものを選択しました。
このエントリーをはてなブックマークに追加

Facebookの「いいね」ボタン

こちらもオフィシャルページのコードを貼るだけで、Facebookの「いいね」に追加できるボタンがつく機能。
リンク先は全部英語です。
僕は以下のように設定しています。

facebook_setting.gif

「URL to Like」は、空欄で現在見ているページが
自動的に入ります。が、ブログの記事ごとにいれる場合は、
エンコード化した記事URLを入れる必要があります。
MTを使っている僕がいれたのは以下です。

<$MTEntryPermalink$>
※http://---もいりません。純粋に<$MTEntryPermalink$>のみ。


僕はプロフィールアイコンとかださなくていいと思うので、
「Show Faces」はチェック外しました。
また、「Width」はボタンの横幅のことですが、
デフォルトの450pxもいらないので、僕は150pxに変更しています。





Trackbacks

TrackBack URL for this entry:

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)

Ads

Contact

Creative Commons License
このブログは、次のライセンスで保護されています。 クリエイティブ・コモンズ・ライセンス.