サポート
記事(ウェブページ)フッターにソーシャルボタンを設置する方法
記事やウェブページのフッターにソーシャルボタンを設置する場合は、管理画面ページ上部のメニューから [ブログ管理] - [デザイン] をクリックし、ページ内のタブから [PC] をクリックし [表示項目を選択] をクリックします。
- [記事/ウェブページ] 項目内の [記事のフッター]([ウェブページのフッター])にチェックを入れ [設定] をクリックする
- 表示したいソーシャルボタンの項目名にチェックを入れる
- Facebook いいね!ボタン
- Facebook シェアボタン
- はてなブックマーク
- mixiイイネ!
※ 独自ドメインではご利用いただけません。 - Tumblr
※ Internet Explorer 8 および 9 を使用して「tumblr」フッターボタンをクリックすると、「tumblr」ログイン画面と同時に、Internet Explorer のエラー画面が表示される場合があります。
上記現象は、「tumblr」にログインしていない場合の「tumblr」側の制限事項となります。 - Email This
- mixiチェック
※ mixi チェックボタンを設置できるのは、個別ページのみです。
※ 独自ドメインではご利用いただけません。 - Digg This
- [変更を保存] をクリックする
- [表示項目] ページの [変更を保存] をクリックする
上級者テンプレートを利用しているブログの記事(ウェブページ)フッターにソーシャルボタンを設置する
上級者テンプレートを利用している場合は、管理画面ページ上部のメニューから [ブログ管理] - [デザイン] をクリックし、ページ内のタブから [PC] をクリックし以下の手順を行ってください。
- [entry-footer-links] を開く
- 以下のソースをコピー & ペーストし、不要なソーシャルサービスのソースコードを削除する
- [保存] をクリックする
<!-- post footer links --> <p class="entry-footer-share entry-footer-share-buttons"> <!-- Facebook いいね!ボタン --> <span class="entry-footer-links-fb_like"> <iframe src="http://www.facebook.com/v2.0/plugins/like.php?href= <$MTEntryPermalink encode_string_for_url="1"$> &layout=button_count&show_faces=false&width=110&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:110px; height:21px;" allowTransparency="true"></iframe> </span> <!-- Twitter --> <span class="separator">|</span> <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="<MTIfNonEmpty tag="EntryShortURL"><$MTEntryShortURL encode_js="1"$><MTElse> <$MTEntryPermalink encode_js="1"$></MTElse></MTIfNonEmpty>" data-counturl="<$MTEntryPermalink$>" data-text="<$MTEntryTitle$>" data-count="horizontal">Tweet</a> </span> <!-- はてなブックマーク --> <span class="separator">|</span> <span class="entry-footer-links-hatena"> <a href="http://b.hatena.ne.jp/entry/<$MTEntryPermalink$>" class="hatena-bookmark-button" data-hatena-bookmark-title="<$MTEntryTitle$>" data-hatena-bookmark-layout="standard" title="このエントリーをはてなブックマークに追加"> <img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /> </a><script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script> </span> <!-- mixiイイネ! --> <span class="separator">|</span> <span class="entry-footer-links-mixifavorite"> <$MTMixiFavorite$></span> <!-- Tumblr --> <span class="separator">|</span> <span class="entry-footer-links-tumblr"> <a href="http://www.tumblr.com/share" title="Share on Tumblr" style="display:inline-block; text-indent:-9999px; overflow:hidden; width:63px; height:20px; background:url('http://platform.tumblr.com/v1/share_2.png') top left no-repeat transparent; text-align:left;">Share on Tumblr</a> </span> <!-- Pinterest --> <span class="separator">|</span> <span class="entry-footer-links-pinterest"> <a href="http://pinterest.com/pin/create/button/" data-pin-do="buttonBookmark" > <img src="//assets.pinterest.com/images/pidgets/pin_it_button.png" /></a> </span> <!-- Pocket --> <span class="separator">|</span> <span class="entry-footer-links-pocket"> <a href="https://getpocket.com/save" class="pocket-btn" data-lang="en" data-save-url="<$MTEntryPermalink$>" data-pocket-count="horizontal" data-pocket-align="left"> Pocket</a> </span> <!-- Email This --> <span class="separator">|</span> <span class="entry-footer-links-email"> <a href="mailto:?subject=<$MTEntryTitle encode_url="1"$>&body=<$MTEntryPermalink encode_url="1"$>" class="share-link share-link-email"> <$MTTrans phrase="Email This"$></a> </span> <!-- mixiチェック --> <span class="separator">|</span> <span class="entry-footer-links-mixicheck"> <a href="http://mixi.jp/share.pl" class="mixi-check-button" data-key="8d2b53931035a6f6001dfbb50ff2c562748a75e2" data-url="<$MTEntryPermalink encode_url=1$>" data-button="button-2" >Check</a> <script type="text/javascript" src="http://static.mixi.jp/js/share.js" ></script> </span> <!-- Digg This --> <span class="separator">|</span> <span class="entry-footer-links-digg"> <a href="http://digg.com/submit?url=<$MTEntryPermalink encode_url="1"$> &phase=2" class="share-link share-link-digg"><$MTTrans phrase="Digg This"$></a> </span>
※ 「Pocket」については、上記のタグに加え、他テンプレートの </body> タグ直前に以下の記述を追記する必要があります。
<script type="text/javascript">!function(d,i){if(!d.getElementById(i)) {var j=d.createElement("script");j.id=i;j.src="https://widgets.getpocket.com/v1/j/btn.js?v=1" ;var w=d.getElementById(i);d.body.appendChild(j);}}(document,"pocket-btn-js"); </script>
以上の手順を行い、ソーシャルボタンの動作をご確認ください。