コンテンツに飛ぶ | ナビゲーションに飛ぶ

パーソナルツール

セクション

現在位置: ホーム / 雑記 / web / addthisのカスタマイズ方法

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>

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

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

 


広告
広告
このサイトへの言及