addthisのカスタマイズ方法

作者: admin 最終変更日時 2013年04月13日 02時30分 | パーマリンク

ソーシャルブックマークの一括表示ができるaddthisのカスタマイズ

ソーシャルブックマークボタンの一括表示ができるaddthisは超便利なんですがで、自動作成されるボタンは表示するサービスを選べません。

しかし作成されたhtmlソースを書き換えればいけます。

以下自動作成した際のソース（ボタン部分のみ）

このままだと表示されるサービスを指定できない。

<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>

ここを参考にa要素を<a class="addthis_button_【サービス名】"></a>って感じで書き変えていく

書き換え後の例

<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_hatena"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_google_plusone_share"></a>
<a class="addthis_button_facebook"></a>
<a class="addthis_button_email"></a>
<a class="addthis_button_print"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>

ちなみにこれボタン数もいくつでも増やせるみたいです。

かなり自由度高いですね。