簡単3分設置!アメブロの記事下にソーシャルボタンを配置する方法

カスタマイズ性の低いアメーバブログ。

最近のブログでは必須とも言える「はてブボタン」さえ付けるのに一苦労する。

ということで、今回は以下のようにアメブロの記事内、一番下に簡単にソーシャルボタンを設置する方法を紹介。


アメブロにSNSボタンを追加


以下方法で、ごくごく簡単に「はてブ」「ぐぐたす」「ツイッター」のSNSボタンを設置する事ができる。


設置方法

まずは「アメブロ管理画面」から「設定・管理」を選択し、「プラグインの追加」へ進む。

そこで、「フリープラグイン」タブをクリックして、以下を貼り付けて保存する。


<script src="http://www.google.com/jsapi"></script>
<script>google.load('jquery','1')</script>
<script type="text/javascript">
$.getScript('http://p.wazameba.com/njs/socialbutton2.js',
function(){socialbuttons({buttons:['plusone','hatenabm','twitter']})});
</script>



そして最後に、「設定・管理」の「配置設定」から"プラグイン"を"アメーバブログ広告"の上あたりに移動させる。(基本、場所はどこでもOK)

サイドバーの編集画面でプラグインを移動




すると、以下のようになる。

アメブロにSNSボタンを追加



ツイッターボタンがかぶるのが嫌だという人は

<script src="http://www.google.com/jsapi"></script>
<script>google.load('jquery','1')</script>
<script type="text/javascript">
$.getScript('http://p.wazameba.com/njs/socialbutton2.js',
function(){socialbuttons({buttons:['plusone','hatenabm']})});
</script>


を貼り付けでOK。


以上!



※この記事は以下のページを要約したものです。
  アメブロカスタマイズと読者を増やすブログ運営