にほんブログ村
貴方のウェブサイトにSNSボタンを追加する方法
各SNSボタンは記事下に配置します。
「テーマ」でHTMLの編集、「Ctrl」と「F」キーを同時に押します。
「data:post.body」を検索し、その下に設置します。
・Google+ のシェアボタンの設置
詳細は、Googl+ サイト を参照してください。
下記コードを追加します。
<!-- 共有ボタン を表示したい位置に次のタグを貼り付けてください。 -->
<div class='g-plus' data-action='share' data-annotation='bubble' data-href='http://yoursit.jp/'/>
<!-- head 内か、body 終了タグの直前に次のタグを貼り付けてください。 -->
<script async='async' defer='defer' src='https://apis.google.com/js/platform.js'>
{lang: "ja"}
</script>
<div class='g-plus' data-action='share' data-annotation='bubble' data-href='http://yoursit.jp/'/>
<!-- head 内か、body 終了タグの直前に次のタグを貼り付けてください。 -->
<script async='async' defer='defer' src='https://apis.google.com/js/platform.js'>
{lang: "ja"}
</script>
パラメータ
href
URLアドレスの指定。
annotation
シェアボタンのデザインを指定。
inline:プロフィールとカウント数を表示
bubble:ボタン右に表示
vertical-bubble:ボタンの上に表示
none:表示なし
width
ボタンの横幅(ピクセル)を指定。
href
URLアドレスの指定。
annotation
シェアボタンのデザインを指定。
inline:プロフィールとカウント数を表示
bubble:ボタン右に表示
vertical-bubble:ボタンの上に表示
none:表示なし
width
ボタンの横幅(ピクセル)を指定。
height
ボタンの縦幅(ピクセル)を指定。(15,20,24,60の中から指定)
align
ボタンの配置を right か left で指定。
Tweet
ボタンの縦幅(ピクセル)を指定。(15,20,24,60の中から指定)
ボタンの配置を right か left で指定。
にほんブログ村