Bloggerで共有ボタンが表示できない

2011年7月12日火曜日

Bloggerで共有ボタンが表示できない

http://jardindarcis-black.blogspot.com/2011/07/blogger_12.htmlBloggerで共有ボタンが表示できない

　　　　Cat / ♀Μøỳαл_Bгεлл♂

Bloggerで共有ボタンを表示させるようにチェックを入れているにもかかわらず表示されない場合の対処法ですが・・・

小細工していないテンプレートを使用している場合は、まず下記の確認をしてみます。

デザインタブからHTMLの編集を開き、ウィジェットも表示させるようチェックを入れます。
ソースから

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

を探し、無ければ、共有ボタンを表示させたい位置に追加します。

それでも解決しない（かなり作りこんだテンプレートを使用している）場合は、下記を確認しましょう。

デザインタブからHTMLの編集を開き、ウィジェットも表示させるようチェックを入れます。
ソースから

<b:includable id='shareButtons' var='post'>

を探します。

その部分のコードはこんな感じ

<b:includable id='shareButtons' var='post'>
  <b:if cond='data:post.sharePostUrl'>
      <a class='sb-email' expr:href='data:post.sharePostUrl ...
        <span class='share-button-link-text'><data:top.emailThisMsg/></span></a>
      <a class='sb-blog' expr:href='data:post.sharePostUrl ...
        <span class='share-button-link-text'><data:top.blogThisMsg/></span></a>
      <a class='sb-twitter' expr:href='data:post.sharePostUrl ...
        <span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a>
      <a class='sb-facebook' expr:href='data:post.sharePostUrl ...
        <span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a>
      <a class='sb-buzz' expr:href='data:post.sharePostUrl ...
        <span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
  </b:if>
</b:includable>

になっていると思いますので、

<b:includable id='shareButtons' var='post'>
  <b:if cond='data:post.sharePostUrl'>
      <a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl...
        <span class='share-button-link-text'><data:top.emailThisMsg/></span></a>
      <a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl...
        <span class='share-button-link-text'><data:top.blogThisMsg/></span></a>
      <a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl...
        <span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a>
      <a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl...
        <span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a>
      <a class='goog-inline-block share-button sb-buzz' expr:href='data:post.sharePostUrl...
        <span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'><data:post.dummy/></div>
</b:if>
  </b:if>
</b:includable>

のように追加修正します。（赤字部分が追加された部分です）