ココログにFacebookの「いいね！」ボタンをつける

　何とかなりました！ご覧の通りです

　まずは【　こちら（１）（ココログで twitter のツイートボタン、facebook のいいね！ボタン、Google+ の+1ボタンを追加する方法: あるＳＥのつぶやき）　】のサイトをご覧下さい。

　【こちら(1)】を見ると、途中で「上級テンプレート」という言葉が出てきます！
　それは、ココログフリー、ココログプラスでは、できません。ココログプロに変更する必要があります。私も、今日、しました

　ここで【こちら(1)】には「twitter のツイートボタン追加」という説明があるのですが、「僕はツイートボタンはいらないなぁ」と思ってこの作業を飛ばずと失敗します「ブログにいいね！ボタンを設置」の「適用中の上級テンプレート名 >> テンプレートの編集」のところで、目指す「<MTWeblogIfExposePostFooterLinks>」が表示されません。設置のためには、 「twitter のツイートボタン追加」の作業を飛ばさずに、説明通りにしてください。（経験者　談）

　次に【こちら(1)】では、「いいね！」ボタンのプラグインコードを取得するために【　こちら（２）（Like Button - Facebook開発者）　】を開きます。説明は【こちら（１）】の通り・・・ではなく、「Layout Style」を［button_count］にしたほうが、いいね！のカウントが出来ていいと思います。また、レイアウトも崩れません！（後述の追記）
　ＵＲＬの部分を変更するのは指示通りです。

　そして先程の【こちら(1)】「ブログにいいね！ボタンを設置」の説明の通り、「以下の赤字部分の次の行にいいね！ボタンのプラグインコードを追加して保存」すると、確かに「いいね！」ボタンが出た・・・のですが、変な位置に表示されるのです

　それを改良するまでに、４時間も悩みました

　最終的に、【こちら（２）】で取得したプラグインコードをもう一ヶ所直す必要があったです。

－－－　↓　以下、テンプレートで変更した箇所　↓　－－－
<MTWeblogIfExposePostFooterLinks>
<br />
<br />
<$MTEntryPostFooterLinks$>
<iframe src="//www.facebook.com/plugins/like.php?href=<$MTEntryPermalink$>&amp;send=false&amp;layout=button_count&amp;width=100&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
</MTWeblogIfExposePostFooterLinks>
</p>
－－－　↑　　－－－　　 ここまで 　　－－－　　↑　－－－

 この「height:21px」が、【こちら（２）】を、【こちら(1)】の写真のままの設定で取得したプラグインコードのままでは「height:80px」になっているので、レイアウトが崩れます。

（追記１）
　なぜ【こちら(1)】の方のプラグインが80pxではなく21pxになっていたかというと、実際にはボタンの種類を［button_count］に変更していたからだと推測されます。
　【こちら（２）】にある英語の説明書きを訳して読んでなかったために、自分で自分の首を締めていた形です
 

　以上、【こちら（１）】と上記のちょっとした変更で、ココログの皆さんも「いいね！」ボタンを設置できれば幸いです。

　・・・と思っているのですが、もしかしたら、今回の説明ではうまく解消しないケースがあります。

　実は、私も作業中、「レイアウトが崩れるのは３行のテンプレートだからかなぁ？」と、『新規テンプレートの作成』で新しい２行のテンプレートを作成し、上級テンプレートへの変換作業をしたところ、作られるテンプレートの形式がそもそも違っていて、そこには「<MTWeblogIfExposePostFooterLinks>」がありません

　ということで私は、新しいテンプレートを諦め、元のテンプレートの手直しに再チャレンジしたので、４時間もかかってしまいました

　次に、</MTWeblogIfExposePostFooterLinks></p>ですが、【こちら（１）】では
</MTWeblogIfExposePostFooterLinks>と</p>が入れ替わっています。これは、ＨＴＭＬの文法の、いわゆる“入れ子構造”にならないので、直しました。今、ちゃんと動いているので、これで問題はないと思います。

　最後に<br />ですが、これも【こちら（１）】にはありません。<br />は改行を意味しますので、レイアウトが崩れた問題に取り組んでいる私は、そこが問題かと何度か試行しました。
　途中で参考にしたのが、【　こちら（３）（【ブログ】ココログプロで「はてブ」できるようにしてみた: なおさん亭::別館）　】です。【こちら（３）】には、<br />がありますね。ということで、<br />は元からあるもので、レイアウトの崩れには関係ないと悟りました。

（追記２）
　現在では、<br />を２つにしました。
　<br />は単純な改行なので、２つ記載することによって、コメント等のリンクと少し隙間ができて見やすい、と判断したからです。
　

　最終的には「height:21px」でレイアウトの崩れが直ったので、更新日時等の元々のフッターの後で改行して、「twitter のツイートボタン」と「いいね！」ボタンを並べて表示させることで落ち着きました

　この記事を見て「いいね！」ボタンを付けることができた方は、折角ですので、この記事の「いいね！」ボタンを押して頂ければ幸いです