伊藤覚留帳

伊藤のブログ謙メモ帳です。

はてブカスタマイズ:SNS共有ボタンを個別記事内だけにする


f:id:ito144:20140903171715j:plain

トップからブログを覗いたときに表示記事全部のSNS共有ボタンが表示されるのはうっとおしいなと思ってはてブのデフォルトのSNSボタン外しました。
代わりに忍者おまとめボタン入れてみた。良い感じ。

ずデフォルトのソーシャルパーツを全部取っ払ってしまいます。

f:id:ito144:20140903171854j:plain

に忍者おまとめボタンで好きな共有ボタンを作ります。

ツイートボタン、いいねボタンなどをまとめて簡単設置|忍者おまとめボタン

個別に設置ボタン調べたりCSS書いたりしなくてもいいから楽。ただし忍者ツールズにアカウント作らないといけない。

後に「記事上下のカスタマイズ」から記事下におまとめボタンのコードを張り付けて終わり

f:id:ito144:20140903172303j:plain

ぱぱっと作っちゃいたい人はこれで十分かなと思います。

ただこれだけだとボタンと他の要素が近くて上下に余白を入れたかったので

.ninja_onebutton {
    margin: 40px 0;
}

をデザインCSSに追加しました。

広告を非表示にする