『Blogger』でFacebookの「いいね！」ボタンを設置するときに引っかかったポイント

マイナーを謳ってるだけあって訪問者も少ない当ブログ。
でも・・・・それでも・・・・・・・「いいね！」ボタンってやつ？　
つけてみたいじゃない？

そんなわけで調べてやってみた。

が、思いのほか手こずったので、引っかかったポイントをメモ。

まずググって最初に参考にさせて頂いたのがこちらのブログ。

clmemo@aka: Blogger に Facebook の「いいね!」ボタンを設置する


ふむ、ふむ、なるほど。

で、書いてある通りにやってみた。

が、が、がががが・・・

そもそも「bodyタグ」やら「data:post.body～」というものが見つからない。


ここで最初の引っかかったポイント。

BloggerのテンプレートのHTML編集画面で「ウィジェットのテンプレートを展開」というチェックボックスがある。
ここは最初はチェックが入っていないのだが、ここにチェックを入れないと「bodyタグ」やら必要なコード部分が表示されないようだ。

で、ようやくそれに気付いて「bodyタグ」等を見つけてコードを挿し込み、確認のためにプレビューボタンを押すのだが。

が、が、がががが・・・

なんでやねん！！！

先ほどのブログに書いてある通りにやってみて、何度も何度も何度も確認したけど「Bad Request　Error 400」

いったんはここで諦めたのだが、時間を置いてまたチャレンジ。
再びググってたらこんなブログ記事が。

blogger に facebook の Like(いいね)ボタン - kaze-kaoruの日記



おぉ？もしかしてコードを挿し込む位置が違ってたのかぁ～？

と、このブログに書いてある位置にコードを差し込んで、いざプレビューボタンを押すと・・・・。

なんでやねん（再）！！！


その後もいろいろ試行錯誤してやってみて、この形になり、

今度こそはと祈りつつプレビューボタンを押してみるが・・・・

なんでやねん（再々）！！！

諦めかけたが、あまりに腹が立ったので、もう「プレビューボタン」じゃなく、「テンプレートを保存」ボタンでコード修正を確定させてやった。

そ、そ、そしたら、ナント！・・・・出来てるっぽいじゃないですか！

ということで、プレビューボタンは無視！が正解だった。
これが2つ目の引っかかったポイント。


あ、当たり前のことだけど、修正を確定させる前に、元コードのコピーはしっかり保存しておくこと！


以上。

ま、いいね！ボタンをつけたからどうしたって感じもするけど・・・・・。

※＜2015/07/02追記＞
忍者ツールズのおまとめボタンとやらを設置してみた。


↓ せっかくだから誰か押してみて下さい。せっかくだから。