Serene BachにFBのボタンを置く方法。

私が使っているのは、Serene Bachと言うブログシステムで
もう10年以上使っていて、慣れ親しんでいるので、結局ずーっとこれを使っています。

で、昨年だったか、FBの仕様が変わって、それまでの方法ではいいね!ボタンを設置できなくなったとか?で
私のブログでも、どうしても、ボタンが設置できなかったんですが、いろいろ試した結果、以下の方法で出来ました(^o^)/

ちなみに、途中を変えれば、他のブログでも対応できます。


まず、最初に
ブログのbodyタグの直下に、以下のJavascriptのコードを貼り付けます。

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/ja_JP/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>



そしてそのあと
「いいね!」ボタンを表示したい場所に以下のプラグインコードを貼り付け!で終了!

<div class="fb-like" data-href=”「いいね!」ボタンを配置する場所のURL” data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div>



"「いいね!」ボタンを配置する場所のURL"を変えれば、テンプレートをいじることのできるブログなら、対応できます。

ここのURLは、そのブログのTOPページではなく、その記事ごとのURLになりますので、URLをそのまま記載するのではなく
Serene Bachの場合、独自タグのentry_permalink → これを{}で囲ったものになります。

””を含めた”「いいね!」ボタンを配置する場所のURL”の間に、ごっそり{}を含んだ全部を貼り付けてください。

すみません、entry_permalinkを反映させたものを上の赤文字のように、コピーできるように記述ができないので
(このブログに書くと、タグが反応して
この記事のURL:http://hiyoko.tv/journal/log/study/eid1935.htmlになってしまう。。。)
参考までに画像で載せます。画像ですので、コピーは出来ません。

160210code_fb_sb01.jpg

こんな感じです。


                  


私のWebsiteへのリンクのうち、NewsGalleryold illustとこのブログはみんなSerene Bach。

残念なことに、2012年でシステムのアップデートを終了してしまっているので
今後、このブログを使っていて不都合が出てくる可能性もあるのですが
(今のところスマホなどでも問題なく見られてるけど、この先さらに別のシステムが登場したら、どうなるか)
まぁそれも結構先の事だと思うし、そうなったらそうなったで、また考えれば良いので、とりあえずはこれで行こうかと。


                  


2016.02.08 Monday
髪を切ったら、おぎに見えたり、やはぎに見えたり。
160108ogi_yahagi5406_s.jpg


久しぶりにAmazonにレビューがついた!(^o^)/しかも、★5つ!

★★★★★私があとぴーで…
投稿者Amazon カスタマー2016年2月8日
Amazonで購入
さくっと読ました。これまでの体験もかぶるかぶる…。
玄米菜食、健康なひと(アトピーじゃないひと)もさらに元気になるんだよね…と改めて感じました。
アトピーを患っている方だけでなく、全ての病気の方に、すすめたい一冊でした。



#「アトピーの夫と暮らしています」の感想




  •   このエントリーをはてなブックマークに追加  

<< オット、出逢った時の私の年齢になる。 戻る 自分を表す数字。 >>