「はてブのフッターを小さく固定にする」をグリモンにしてみた

id:rikuoさんの作られたユーザースタイルシート、
はてブのフッターを小さく固定にするユーザースタイルシート - 聴く耳を持たない(片方しか)
すごく便利でありがたく使わせて頂いてたんですが、フッター上をカーソルが通過する度に一瞬伸び縮みするのが少し気になってた(；^ω^)ので、グリモンにさせてもらいました。

ソース

// ==UserScript==
// @name           fixedBottomHatebuFooter
// @namespace      http://d.hatena.ne.jp/so_blue/
// @include        http://b.hatena.ne.jp/*
// ==/UserScript==
(function(){
	var btn_open = '\u25b2', btn_close = '\u25bc';
	var footer = document.getElementById('footer');
	if (footer) {
		//footerのstyle設定
		footer.style.position = 'fixed';
		footer.style.left = 'auto';
		footer.style.bottom = '0px';
		footer.style.zIndex = '100';
		footer.style.borderTopWidth = '3px';
		footer.style.height = '2.5em';
		footer.style.opacity = '0.8'; //透過したくない時はここをコメントアウト
		//伸縮ボタン作成とstyle設定
		var elmP = document.createElement('P');
		elmP.style.position = 'fixed';
		elmP.style.bottom = '0px';
		elmP.style.width = '99%';
		elmP.style.height = '1.5em';
		elmP.style.zIndex = '101';
		elmP.style.textAlign = 'right';
		var elmSPAN = document.createElement('SPAN');
		elmSPAN.style.cursor = 'pointer';
		elmSPAN.style.color = '#00f';
		elmSPAN.innerHTML = btn_open;
		elmSPAN.addEventListener('click', function(e) {
			var h = (footer.style.height == '2.5em') ? 'auto': '2.5em';
			var t = (e.target.innerHTML == btn_close) ? btn_open: btn_close;
			footer.style.height = h;
			e.target.innerHTML = t;
		}, false);
		elmP.appendChild(elmSPAN);
		document.body.appendChild(elmP);
	}
})();

使い方

フッターが画面底部に固定表示されるのは同じですが、右端に▲マーク(赤〇部分)がひょっこり現れます。この▲（▼）のクリックでフッターを伸縮させます。

▲の時にクリックするとフッターが伸びて、▼の時にクリックすると逆に縮みます。

よければお使いください。
[2009/02/23追記]DLされるソースは、Re: 「はてブのフッターを小さく固定にする」をグリモンにしてみたでの添削後ソースに修正しました。

はてブのフッターを小さく固定にするGreasemonkey改造版でid:rikuoさんが機能追加版を公開されてます。