ホームページ制作は楽しいけれど、スクリプトは苦手……という方は多いと思います。
今回は、ライブドアブログをしている方が簡単に設置できる、「Yahoo!ブックマーク」「はてなブックマーク」「ライブドアクリップ」への登録ボタンの作り方をご紹介します。
このブログでは、記事のタイトルの右側に、三つボタンがついています。
「Yahoo!ブックマーク」「はてなブックマーク」「ライブドアクリップ」への登録ボタンです。
それぞれの公式サイトに、ちゃんとワンクリックで登録するボタンの設定方法が掲載されているのですが、いかんせん、会社が違うために統一感がありません。

Yahoo!ブックマークとはてなブックマークはJavaScriptで小さいウィンドウが開きますが、ライブドアクリップはtarget="_blank"で別ウィンドウが開きます。
Yahoo!ブックマークとはてなブックマークは、開いているページのアドレスと、開いているページのタイトルで登録する様になっていますが、ライブドアブログの初期設定でのライブドアクリップは、ブログごとの詳細ページにリンクするようになっています。
また、はてなブックマークはそのまま使うとMacのSafariで文字化けします。

うさこの希望としてはこうです。
1)3種類すべて、同じサイズのミニウィンドウで開く
2)ミニウィンドウが開いている時に他のボタンをクリックしても、既に開いているミニウィンドウに表示される。
3)はてなブックマークとSafariの組み合わせで文字化けしない
4)トップやカテゴリページからも、ブログの詳細ページにブックマークできる。

その結果、以下のスクリプトになりました。


苦労したのがライブドアクリップ。
他のどのブラウザでで大丈夫でも、WindowsのIEが文字化けしちゃうんです。
結局if文で場合分けして表示することにしました。

Mac Safari2,FireFox、Windows IE6、Firefoxで動作確認しました。
Mac IEは、公式に配布されているものでも対応していなかったので、無視しています。
上記スクリプトは、コピペして使って下さってもOKです。
不具合があったら是非お知らせください。

ブログランキング このエントリーをはてなブックマークに追加