bloggerのオフィシャルのfacebookシェアボタンが表示されない

オフィシャルの共有ボタンが表示されないときがある。
対策は下記。
１）レイアウトから共有ボタンを表示するように設定
２）class='post-footer-line post-footer-line-3'の場所に下記コードを追加


<div class='post-share-buttons'><b:include data='post' name='shareButtons'/></div>


追加例）※post-footer-line post-footer-line-2でも可能かも？
<div class='post-footer-line post-footer-line-3'/>
<div class='post-share-buttons'><b:include data='post' name='shareButtons'/></div>
</div>


参考サイト

Official Sharing Buttons on Blogger　Blogger Plugins様
http://www.bloggerplugins.org/2010/06/official-sharing-buttons-on-blogger.html


こんな感じで、無事に共有ボタンが表示されました。
自動的に<div class='post-share-buttons'><b:include data='post' name='shareButtons'/></div>を
挿入してくれない、bloggerの動作エラーなのかもしれません。
原因は不明です。

----------これ以下詳細です-----------
bloggerのレイアウトの投稿の編集に共有の設定がある。
しかし、共有を表示する設定にしても、表示されない場合がある。
原因は不明だ。
たぶん、旧インターフェースでいじったのがダメだったのか？

対策として、下記の方法で強制的にコードで表示させる方法が可能だった。

Official Sharing Buttons on Blogger　Blogger Plugins様
http://www.bloggerplugins.org/2010/06/official-sharing-buttons-on-blogger.html

方法は下記。
１）テンプレートのHTML編集でウィジェットの展開を表示。

２）下記のコードを探す。
<p class='post-footer-line post-footer-line-3'>
または
<div class='post-footer-line post-footer-line-3'>

３）みつけたコードの直下に下記コードを追加

<div class='post-share-buttons'><b:include data='post' name='shareButtons'/></div>

例）こんな感じになるときもあります。

<div class='post-footer-line post-footer-line-3'>
<div class='post-share-buttons'><b:include data='post' name='shareButtons'/></div>
</div>

これで例のボタンが表示されます。

・・・そうなんです。Google+のボタンは表示されないんです・・・。

これを追加したいときは、さきほどのBlogger Pluginsさんの記事の続きを読めばできるのかもしれません。

http://www.bloggerplugins.org/2010/06/official-sharing-buttons-on-blogger.html

やっていないので不明です。すみません・・・。

Google+ボタンについて、「レイアウト」で共有を追加するのが簡単みたいです。

結局は、「name='shareButtons'のコードを追加」して、「レイアウトの共有ボタン表示を追加」する

2重の設定を行えばOKなのだろと思います。

余計なコードの追加になるのかもしれませんが、とりあえず動けばOKってことで。