アメブロの検索ボタンやボックスを画像に変える方法

一度手につけはじめると、いろんなところが気になり始める。
なんなんだ、あの愛想のないボタンは。。。

ってなことで、カスタマイズしてみました。

検索ボックスともども画像に変えたら、あらスッキリ！

やり方はソーイージー♪
以下のソースをCSSスキンにコピペするだけ。

*記述例*

/* 検索ボックスを画像に変更 */
#search .searchbox {
width: xxpx;
height: xxpx;
border: none;
background: transparent url("画像URL") no-repeat left top;
outline: none;
}

/* 検索ボタンを画像に変更 */
#search .searchbtn {
width: xxpx;
height: xxpx;
border: none;
text-indent: -9999px;
background: transparent url("画像URL") no-repeat left top;
}

※画像URLの "（ダブルクォーテーション）を忘れずに！
※青色部分は、フォーカス時の枠線を非表示にするため！

不具合等、お困りごとがありましたら、ご一報ください。