Google +1ボタンの横幅を調節して空白(スペース)を消す方法

CSSでは微妙に横幅を設定しにくいために起こる、「Google +1ボタン」の横の空白(スペース)を無くすカスタマイズ方法を2種類紹介する。「全体の横幅に余裕がない」「他のソーシャルボタンときれいに並ばない」というときに役立つはず。

Google +1 ボタンをFC2ブログにvalidなHTMLで設置する

遅ればせながらこのブログにもGoogle +1 ボタンを設置した。調べてみるといくつかのエントリで「+1」されていたようだったので、せっかくだからテンプレートを小カスタマイズするついでに利用してみることに。 ところが単に設置するだけなら別に難しくないんだけど、(HTML文法エラーになる)独自タグを使わないで、かつ記事ごとに別のボタンを設置するとなるとちょっと面倒なことが判明。というわけで、前半では普通にFC2ブロ...

FC2ブログをFacebookのOpen Graph protocol(OGP)に対応させる

FC2ブログをFacebookのOGP(Open Graph protocol)に対応させるカスタマイズコードと、その使い方を紹介。コピーしてテンプレートに貼り付けるだけでいいので、かなり簡単にFC2ブログをFacebook対応にすることが可能なはず。(設定されるのはブログトップと個別記事ページ。)OGPが具体的にどういうものなのかは以下を参照。 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める...