ココログ画面カスタマイズ動作確認-2

昨日、動作確認したスクリプトをお送りしたところ、早速試して下さいました。

結果は×です。

ツイートボタンについてもご連絡いただきましたが、フリー版と有償版では、設定内容が若干異なるようで、左右の表示位置をフリー版では設定することが出来ません。

今のスクリプトが、ツイートボタンが在る前提なので、ツイートボタンを外すと表示がされません。

いつの日かツイートボタンや、ココログのいいねボタンが無くても表示できるように改良をしてみます。

今は、ツイートボタンを基準に追記しているので、今回の動作しない原因を調べます。

【動かない画面】
<div class="entry-body-bottom"></div>

<p class="posted">
<span class="post-footers">2014年10月23日 (木) 01時48分  <a href="http://*****.cocolog-nifty.com/blog/cat23509124/index.html">13.＊＊＊＊＊</a> </span> <span class="separator">|</span> <a class="permalink" href="http://*****.cocolog-nifty.com/blog/2014/10/post-ad3c.html">固定リンク</a>
<br />

<span class="entry-footer-links-twitter"><script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>

<a href="http://twitter.com/share" class="twitter-share-button"
   data-url="http://*****.cocolog-nifty.com/blog/2014/10/post-ad3c.html"
   data-counturl="http://*****.cocolog-nifty.com/blog/2014/10/post-ad3c.html"
   data-text="４５０ｋｇ＞５８０ｋｇ"
   data-count="horizontal">Tweet</a>
</span>
</p>

【動く画面】
<div class="entry-footer">
<p class="entry-footer-info">
<span class="post-footers">2014年10月22日 (水)  <a href="https://anocora.cocolog-nifty.com/blog/facebook/index.html">ココログ画面カスタマイズ</a> </span> <span class="separator">|</span> <a class="permalink" href="https://anocora.cocolog-nifty.com/blog/2014/10/post-d42f.html">固定リンク</a>
<span class="separator">|</span>
<a class="comment" href="https://anocora.cocolog-nifty.com/blog/2014/10/post-d42f.html#comments">コメント (0)</a>
   
<span class="separator">|</span>
<a class="trackback" href="https://anocora.cocolog-nifty.com/blog/2014/10/post-d42f.html#trackback">トラックバック (0)</a>
</p>
<!-- post footer links -->
<p class="entry-footer-share"><span class="entry-footer-links-twitter"><script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>

<a href="http://twitter.com/share" class="twitter-share-button"
   data-url="https://anocora.cocolog-nifty.com/blog/2014/10/post-d42f.html"
   data-counturl="https://anocora.cocolog-nifty.com/blog/2014/10/post-d42f.html"
   data-text="ココログ画面カスタマイズ動作確認"
   data-count="horizontal">Tweet</a>
</span>
</p> </div>

【ボタン追加のスクリプト】
//twitterボタンの後への追加処理
$(function() {
  $('.entry-footer-share').append(function () {return myFb_1+$('a[href]',$(this)).attr('data-url')+myFb_2;
});
});

赤の太字で示したように、ツイートボタンの位置を示すタブが有償版と無償版では異なっていました。

パソコンにサイト画面を取り込んで、追加のスクリプトを動かすと、フェイスブックのいいねボタンの位置には”指定したファイルまたはディレクトリが見つかりませんでした”と白い四角が表示され、ブログ村のバナーは表示されました。

再度の動作検証をお願いしています。

＊【10/25追記】　どうやって調べるのと、疑問に思われる方がいらっしゃるかもしれないので、ソースの取得法を記載しておきます。
IEでもChromeでも目的のサイトを表示して、右クリックすると、ソースの表示というメニューが出ます。
元々、htmlというタブ付きの言語で書かれたものを、言語仕様に基づいて表示しているだけなので、ソースは常に公開されています。