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

SNSボタンの設置方法・はてなブログ

スポンサーリンク
にほんブログ村 ブログブログ ブログ初心者へ
にほんブログ村


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


はてなブックマークボタンの設置
 詳細は、はてなブックマーク サイト を参照してください。
下記コードを追加します。
<!-- はてな この要素がJavaScriptによってシェアボタンに変わる -->
<a class='hatena-bookmark-button' data-hatena-bookmark-lang='ja' data-hatena-bookmark-layout='vertical-balloon' data-hatena-bookmark-title='Syncer' href='http://b.hatena.ne.jp/entry/http://kpkoubou.com' title='このエントリーをはてなブックマークに追加'><img alt='このエントリーをはてなブックマークに追加' height='20' src='https://b.st-hatena.com/images/entry-button/button-only@2x.png' style='border: none;' width='20'/></a>
<!-- [head]内や&#12289;[body]の終了直前などに配置 -->
<script async='async' charset='utf-8' src='https://b.st-hatena.com/js/bookmark_button.js' type='text/javascript'>
  {lang: &quot;ja&quot;}
</script>

パラメータ一覧
href
ブックマーク対象のURLアドレスを、http://b.hatena.ne.jp/entry/に続く形で指定する。
hatena-bookmark-title
ブックマークされた時にエントリーされるタイトルを指定する。
hatena-bookmark-layout
simple … カウント表示なしでボタンも小さい。
simple-balloon … ボタンが小さく、カウントは右側に表示。
standard-balloonは、ボタンが横長でカウントは右側に表示。
vertical-balloon … ボタンが横長でカウントは上部に表示。
hatena-bookmark-lang
ボタンの言語を日本語(ja)、または英語(en)で指定する。
このエントリーをはてなブックマークに追加 LINEで送る

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