雑記帳？一応Weblog

寂しいことに12月15日にGoogleバズが終了するとのことなので、当ウェブログからこのボタンを外した。
ついでにGoogle+1 ボタンも外し、AddThisというウェブサービスのGoogle+1 ボタンに置換した。
この共有ボタンサービスなら、もれなくFacebookやTwitterの共有ボタンも付いてくる。
AddThisのサイトに行ったら、ライブドアAuth OpenID（http://profile.livedoor.com/あなたのlivedoor ID）でサインアップし、ライブドアメールを入力すればサインアップ完了。
で、HTML・JavaScriptのタグを取得。

通常の3倍のスピード、と聞いて胸熱にならないヤツはいない。
「非同期コードで Google +1 ボタンを設置してみた(WWW WATCH) - livedoor ニュース」によると、Google+1ボタン（Google版いいね！ボタン）が3倍のスピードに高速化されたらしい。
そこで、よくわかっていないが、『3倍のスピード』という言葉だけに魅せられて、Googleバズ（Gmail版Twitter）への投稿ボタンとともに、本ウェブログのデザインテンプレートに追加した。

コードなんて書けないけど、興味本位でgoogle-code-prettifyというHTML上の例えばpre要素に書かれたコードを色分け（ハイライト）表示するためのJavaScriptライブラリを導入してみた。
DesignTemplate/CommonFile - livedoor Blog まとめサイトにあるとおり、prettify.jsとprettify.cssの両ライブラリはlivedoor Blogに用意されているので、後は記述例のまんまテンプレートに記述するだけ。

当ブログのデザインを2カラムのリキッドタイプ（表示領域に応じて横幅が伸縮するレイアウト）にしたいがためにテンプレートのうち、主にCSSを改ざんしている。
現在、ちょこちょこと改ざんしているため、その間レイアウトが崩れる可能性大。
とりあえずInternet Explorerの6と7、Firefoxの2と3、そしてOprera 9.5でレイアウトを確認しながら、ローカルで作業を進めつつ、ウェブ上で順次カスタマイズしていっている。
しかしCSSはややこしい。
まずThoughts From EricにあったResetting Againで、スタイルをリセット。
次に全体のDIV要素と、ブログのエントリのDIV要素を伸縮可能にした。
この時、表示領域の横幅が狭すぎるとレイアウトが崩れるため、前述の両方にmin-width属性を指定したのだが、この属性はIE 6に通用しないという問題に直面してしまった。

livedoor PICSに登録してみた。
他の無料アルバムに比して200MBしか保存できないのが少し気にかかるが、なあに、画像を小さくしてアップロードすればいいだけの事。

最近、プロフのWebサービスが流行りみたいなので、新しいlivedoorプロフィールに登録してみた。
で、livedoorプロフィール上でプロフをいろいろ設定したら、livedoorブログ上でプロフィールプラグインを追加し、拍手機能用にテンプレートも微妙に変更。
そして再構築。
どーよ。

前回favicon.icoがIE6で表示されなかったため、今度はFavIcon from Picsで作成したfavicon.icoをlivedoorブログへアップロードした。
ただし、こちらはマルチアイコンだからかアップロードできなかったので、exstraフォルダ中のpreview_16x16.pngの拡張子を.icoに変更した後、同フォルダ内のanimated_favicon1.gifとともにアップロードし、以下のlink要素をHTMLのテンプレート上のhead要素の中に追加した。
で、再構築したら終了。
今度はどーよ。

<link href="アップロードしたpreview_16x16.icoのURL" type="image/vnd.microsoft.icon" rel="shortcut icon">
<link href="アップロードしたanimated_favicon1.gifのURL" type="image/gif" rel="icon">

やることないんで、favicon.icoを作成してHTMLのテンプレートにブッ込んでみた。
Favicon Japan!!で作成したfavicon.icoをブログにアップロードしたら、同サイトの設置・確認方法をアレンジして、以下のlink要素を「デザインのカスタマイズ」からHTMLのテンプレート上のhead要素の中に追加した。
で、再構築したら終了。
どーよ。

<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="アップロードしたfavicon.icoのURL">
<link rel="icon" type="image/vnd.microsoft.icon" href="アップロードしたfavicon.icoのURL">