アメーババーの検索フォーム | リアナのカスタマイズ日記(CSS編集用デザイン)

リアナのカスタマイズ日記(CSS編集用デザイン)

アメブロ 新CSS CSS編集用デザイン 無料
カスタマイズ アメブロカスタマイズ 初心者
CSS スタイルシート デザイン
javascript jQuery

★ アメーババー右の検索フォームの検索ボタン入力内容の変更




① アメブロ検索のボタンを変える(下記をCSSへ追記する)

li#barSrch .barButton {
background: url(画像のURL) no-repeat scroll 0 2px transparent;
width:74px;/* 画像の幅 */
height: 21px;/* 画像の高さ */
}


② 入力内容(初期表示)を変える(フリープラグインへ追記)

<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>
<script type="text/javascript">
$(document).ready(function(){$("#barForm input[name='q']").val('リアナのカスタマイズ日記');});
</script>


◆ 下記はフリープラグインの先頭にに1つあればOKです

<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>