Myブログ大変だよ・Bloggre: SNSボタンの設置方法・Facebook

SNSボタンの設置方法・Facebook

にほんブログ村 ブログブログ ブログ初心者へ
にほんブログ村


貴方のウェブサイトにSNSボタンを追加する方法
各SNSボタンは記事下に配置します。
「テーマ」でHTMLの編集、「Ctrl」と「F」キーを同時に押します。
data:post.body」を検索し、その下に設置します。


・Facebook のいいね!ボタンの設置
  詳細は、Facebook wabサイト を参照してください。

下記コードを追加します。
<div id='fb-root'/>
<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 = &quot;//connect.facebook.net/ja_JP/sdk.js#xfbml=1&amp;version=v2.0&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>

シュアボタンを追加する為下記コードを追加します。
<div class='fb-share-button' data-layout='button' expre:data-href='data:blog.canonicalUrl'/>
<!-- Your like button code -->
<div class='fb-like' data-action='like' data-href='http://yoursit.jp' data-layout='button_count' data-share='false' data-show-faces='true'/>





パラメータ

action (data-action)
ボタンをクリックにのアクション like:いいね! recommend:シェア

colorscheme (data-colorscheme
ボタンの色の指定 light/dark

href (data-href
いいね!、またはシェア対象、URLアドレス。

kid-directed-site (data-kid-directed-site
13歳未満を対象にしたサイトは true を指定する。

layout (data-layout)
ボタンのデザインを指定。
standard ・・・小さいボタンの右に説明部を記載。
 box_count ・・・ボタンの上にカウント表示。
 button ・・・カウント非表示。

ref (data-ref
シェアする時のテキスト50文字まで使用可能。

share (data-share)
true にすると、いいね!の下に、シェアボタンを追加。

width (data-width)
ボタンの幅を指定。



このエントリーをはてなブックマークに追加 LINEで送る

にほんブログ村 ネットブログ ネット広告・ネットマーケティングへ
にほんブログ村