Bloggerのソーシャルボタンを変更してみる。

Bloggerは軽くて取り回しが良く、デフォルトで広告がないうえにカスタマイズの自由度も高いのでなかなかいいのですが、ソーシャルボタンが小さいうえに微妙な感じだったので、変更してみました。

デフォルトのソーシャルボタンはレイアウト→メインのエリアにある編集ボタンを押し、共有ボタンを表示するのチェックを外せば非表示になります。

次にどのソーシャルボタンを使うかですが、 この辺の記事を参考に忍者おまとめボタンが一番簡単そうだったのでやってみました。

必要ならユーザー登録をして、セットを作成するとコードが表示されます。

で、これをどこに貼り付けるかが、いまいち迷ったので一応下記しておきます。
忍者ツールズのサイトにあるのタグの設置方法でもやれそうだったんですが、うまく検索できなかったりして、テーマ→HTMLの編集で、修正ポイントとして検索語句は

post-body entry-content

でよさそうでした（それ以上だとなんか検索できない）。
該当箇所は自分の場合2か所あったんですが、2か所共に指示通りの箇所にコードを貼り付ければいけました。

で、表示がつまったのを、忍者のコードを

<class='ninja_onebutton' style='margin-top: 20px;'>

とかいう感じで調整すればなんかそれっぽくなりました。正直公開するのもどうかと思うようなTipsですが、初心者なりに戸惑ったということで一応載せておきます。