ブックマークボタンをオリジナルで作ってみたのですが・・

AddThisとかAdd Clipsみたいなのを設置するのは良いのですが、
あまり使われそうにないものとか海外のもので
一般のユーザーさんに関係ないものまであるので、
ここは似たようなものを簡単に作れないかと思って
ツールチップのスクリプトを利用して設置してみました。

実際にどんな感じかはサイトを見てください(左側比較的上のほうにあります)

いたって使いやすそうな jQuery Simple Tooltip を使い
オンクリックで要素が表示され、
その中で各ソーシャルブックマークのボタンを表示します。

jQuery Simple Tooltip はもちろん jQueryのプラグインなので、
jQueryは必要です ^^;

ダウンロード・スクリプトの説明等ははこちらから(日本語ではないです ^^;)

Telecharger jQuery Simple Tooltip 0.9.1 (zip)っていうところから
一式ダウンロードできます。

設置は

スクリプトファイル↓

プラグイン説明ページには色々なオプションがありますが、
今回はオンクリックなので上記のようにしてあります。

HTML↓

CSSは id tooltip のところに別に書いてもよいですが、
今回は面倒なので一緒にしちゃいました ^^;

まあ、これで広告も出ないですし、
自分の好きなところだけ表示できます。

ですが、はてぶだけはスクリプトがぶつかるらしくて
要素の中におさめることができませんでした ^^;

なので、今回は横にはてぶだけ表示してあります。

ちなみに5509さんの
ブログ・サイトに貼る主要ソーシャルサービスのボタンソースジェネレータを使うと
要素の中が楽に作成できたりします♪ ありがとうございます。

:: スポンサーリンク ::

posted by そば富泉

コメント(Facebook・Twitter・WordPressアカウントでもコメントできます)