2010/11/19

Bloggerに「いいね!」(facebook)ボタンを付けてみました。

元々Bloggerには「共有ボタン」がついてるから
いらないと言えばいらないんですけど…
付けられるものは付けてみたいじゃないですか(笑)

最初、↓ここを参考にしたけど
http://developers.facebook.com/docs/reference/plugins/like#

個人的にはこっちの方が分かりやすかったので、
↓ ↓を参考にして設置してみました。
http://www.bloggerplugins.org/2010/04/facebook-like-button-for-blogger.html

【手順】
・Bloggerのダッシュボードから<デザイン>→<HTMLの編集>を開く
・「テンプレートを編集」の所で<ウィジェットのテンプレートを展開>に☑チェック
・"data:post.body/"を検索
・その次の行の</div>の下に次のタグを貼りつけて保存

コピー用タグ


タグ中にある
width=450&
    と
 width:450px; height:40px;'/>

この赤文字部分は数値の変更をすることでサイズを変える事ができます。
好みのスペースに変更する事でレイアウトも調整可能♪
※widthはどちらも同じ数値に。

ちなみに↓のはwidth[120]:height[22]です。

以上です。

0 件のコメント:

コメントを投稿