2011年4月9日土曜日

BloggerにFacebook 「いいね!」ボタンを設置する

Facebookの「共有ボタン」はBloggerの設定で各投稿のフッターに設置できるのだが,「いいね!(like)」ボタンについては,各自が「HTMLの編集」から行う必要がある。

「いいね!」ボタン単独の導入であれば,冒頭のリンク先からコードを入手できるが,それだけだと少し物足りない感じがしたので,今回はAddThisから入手できるコードを利用することにした(設置手順は両者で異なるところはない)。


設置手順は以下の通りである。

【BloggerにFacebook 「いいね!」ボタンを設置する】
  1. ダッシュボード>デザイン>HTMLの編集  と進み,「ウィジェットのテンプレートを展開」にチェックを付ける。
  2. HTML編集スペースの中程にある “<div class='post-footer'>”と“<div class='post-footer-line post-footer-line-1'>”を見付ける。
  3. 冒頭のリンク先,あるいは,AddThisから入手したコードを,“<div class='post-footer'>”と“<div class='post-footer-line post-footer-line-1'>”の間に貼り付ける。
  4. 貼り付けたら,「テンプレートを保存」して終了。

なお,HTMLを編集する前に,「テンプレートをすべてダウンロード」しておいた方が良いだろう(為念)。

今回はAddThisを用いたが,他のShareボタンについても,以上の手順で各投稿のフッターに表示させることが可能である。

0 件のコメント:

コメントを投稿