(スクリプト適応前/後)はてなブックマークボタンのブックマーク数表示を吹き出しスタイルに強制的に変換するJavaScriptです。ソーシャルボタンを並べたときにはてなブックマークだけ我が道を行くデザインで納まりが悪いので、腹が立って作りました。デモページ本スクリプトをヘッダ辺りで1回読み込めば、あとは何もしなくてもそのページ内のスタンダードタイプ(カウント付き横型)のはてなブックマークボタンが自動的に全て吹き出しスタイルに変換されるという簡単仕様です。ボタン自体は通常のはてなブックマークの公式ボタンのコードでかまいません。スクリプト名が恐ろしく長いですが、勘弁して下さい。そもそも長いんだよ、略称もしっくりこないし。githubに置いてあります。buttonsせっかくソーシャル・アイコンとか作ってるんだし、と色気を出してShareボタンなどを付けてみた。設置しておいてなんだが私はこのボタンの意義がよく解っておらず、「そのサービス使ってるなら別にこっちで用意しなくてもそのサービス経由でシェアする手段1も得てるはずでしょ」と思うのだが、これだけボタンがはびこってるのをみるとそうでもないのかもしれない。ページ下部に雑に置いたので、細かい配置は今後変わるかもしれない。納まりが良いのはサイドカラムだけど、機能を思うとページ下端であるべき。それにサイドカラムに出しているのはコンテンツレベルの機能2であり、メインカラムが各ページに属するの情報。一応気を使ってるんです。当サイトで配布してるアイコンはPNG形式だけど自分で使ってるのはしれっとSVG形式だったり。カウンタは見栄えが悪く邪魔なので非表示。facebookだけは技術的にカウンタ外せなかった。そんくらい選択肢用意しておいて欲しい。Bookmarkletとか。正確に言うと、サイト検索とAuthorはサイトレベルの情報なのでちょっと遺憾に思っている。-Worksにあります。icons小さいアイコンはかわいい。いうことで小さいアイコン配布第3段。いわゆるソーシャル・サービス系のミニアイコンです。並べたときに各社バラバラだとなんか落ち着かない。揃えられるように沢山作ってみました。今回のリニューアルでこのブログにも流行のはてブボタンとツイートボタンが付きましたが、案の定凝り性なので自分で色々弄ってます。作ったのでここに弄り方をまとめときます。公式のSNSボタン当サイトのカスタマイズSNSボタンまぁ一番簡単なのは、それぞれのサービスが提供しているタグセットなのですが、それだとあまりに味気ないというかデザイン上の自由度がほぼ皆無。自分の好きな画像を使ったり、ブックマークがある時だけブックマーク数を表示したり、色々臨機応変にやりたい。やって条件分岐させるならJavaScriptで後から書き換えではなく、そもそもPHP上でページ生成時にやっちゃった方が楽というものです。JavaScript使えない環境にもやさしいもんね。これからの解説は、JavaScriptではなくPHPでカウント数を取得,ボタンリンクを生成するための方法です。外部サービスは利用せず、Twitter/はてなの各公式サイトのAPIのみを使用しています。