gdata.io.handleScriptLoaded({"version":"1.0","encoding":"UTF-8","feed":{"xmlns":"http://www.w3.org/2005/Atom","xmlns$openSearch":"http://a9.com/-/spec/opensearchrss/1.0/","xmlns$gd":"http://schemas.google.com/g/2005","xmlns$georss":"http://www.georss.org/georss","xmlns$thr":"http://purl.org/syndication/thread/1.0","xmlns$blogger":"http://schemas.google.com/blogger/2008","id":{"$t":"tag:blogger.com,1999:blog-3913772026590954100"},"updated":{"$t":"2023-03-13T11:23:17.127+09:00"},"category":[{"term":"レビュー"},{"term":"宅建"},{"term":"リダイレクト"},{"term":"ブログ"},{"term":"Windows エクスペリエンス インデックス"},{"term":"アップデート"},{"term":"アナリティクス"},{"term":"WordPress"},{"term":"A8"},{"term":"光・モバイル回線"},{"term":"拡張機能"},{"term":"外注記事"},{"term":"メニューバー"},{"term":"ウェブマスターツール"},{"term":"禁煙に失敗した人の話"},{"term":"動画"},{"term":"WordPressカスタマイズ"},{"term":"Hatch"},{"term":"画像の圧縮"},{"term":"プラグイン"},{"term":"URL"},{"term":"ネームサーバー"},{"term":"STINGER"},{"term":"Seesaaカスタマイズ"},{"term":"Vista"},{"term":"Chrome"},{"term":"テラダモケイ"},{"term":"FREETEL"},{"term":"ファビコン"},{"term":"サブメニュー"},{"term":"ドメイン"},{"term":"AdSense"},{"term":"子テーマ"},{"term":"amazon"},{"term":"Bloggerカスタマイズ"},{"term":"css"},{"term":"NURO光"},{"term":"カテゴリー"},{"term":"バリューコマース"},{"term":"JavaScript"},{"term":"nofollow"},{"term":"マネークリップ"},{"term":"LinkWithin"},{"term":"サチコ"},{"term":"KIWAMI"},{"term":"プロフィール"},{"term":"ツイッター連携"},{"term":"totoBIG"},{"term":"ランサーズ"},{"term":"プロジェクター"},{"term":"Seesaa"},{"term":"キャッシュ"},{"term":"サイドバー"},{"term":"投稿ページ"},{"term":"グラボ"},{"term":"GIMP"},{"term":"Skitch"},{"term":"サイトマップ"},{"term":".exeファイル"},{"term":"Picasa"},{"term":"ウィンドウエアコン"},{"term":"テーマ"},{"term":"固定ページ"},{"term":"テンプレート"},{"term":"格安SIM"},{"term":"関連記事"},{"term":"スコアカード"},{"term":"禁煙に成功した人の話"},{"term":"連絡フォーム"},{"term":"禁煙の効果"},{"term":"艦これ"},{"term":"Google+"},{"term":"コピーライト"},{"term":"Linux"},{"term":"パーマリンク設定"},{"term":"トップページ"},{"term":"ミニバード"},{"term":"ペイント"},{"term":"Blogger"},{"term":"ドメインキング"},{"term":"Inkscape"},{"term":"圧縮"},{"term":"くじ"},{"term":"禁煙"},{"term":"ダウンロード"},{"term":"gzip"},{"term":"フォント"},{"term":"バナー広告"},{"term":"Googleアカウント"},{"term":"レンタルサーバー"},{"term":"画像"},{"term":"MesoColumn"},{"term":"窓用エアコン"},{"term":"クロスドメイントラッキング"},{"term":"パソコン"},{"term":"月次報告"},{"term":"MVNO"},{"term":"注目の投稿"},{"term":"禁煙のコツ"},{"term":"ページ内リンク"},{"term":"検索"},{"term":"タバコの害"}],"title":{"type":"text","$t":"メモロウ"},"subtitle":{"type":"html","$t":"メモロウ（旧はじめてのWordPressとBlogger+Seesaa）は、ブログ作成スキルゼロだった管理人が、WordPress・Blogger・Seesaaで実際に行ったカスタマイズの備忘録を中心に、日々の生活で気になった情報や話題を投稿しています。"},"link":[{"rel":"http://schemas.google.com/g/2005#feed","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/-/%E6%A4%9C%E7%B4%A2?alt\u003djson-in-script\u0026max-results\u003d9999"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/-/%E6%A4%9C%E7%B4%A2?alt\u003djson-in-script\u0026max-results\u003d9999"},{"rel":"alternate","type":"text/html","href":"http://www.memorou.com/search/label/%E6%A4%9C%E7%B4%A2"},{"rel":"hub","href":"http://pubsubhubbub.appspot.com/"}],"author":[{"name":{"$t":"asai"},"uri":{"$t":"https://www.blogger.com/profile/05833942471053019922"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"35","height":"35","src":"//www.blogger.com/img/blogger_logo_round_35.png"}}],"generator":{"version":"7.00","uri":"https://www.blogger.com","$t":"Blogger"},"openSearch$totalResults":{"$t":"1"},"openSearch$startIndex":{"$t":"1"},"openSearch$itemsPerPage":{"$t":"9999"},"entry":[{"id":{"$t":"tag:blogger.com,1999:blog-3913772026590954100.post-8765047152723941124"},"published":{"$t":"2013-11-29T15:02:00.001+09:00"},"updated":{"$t":"2017-02-25T20:08:45.795+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Bloggerカスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"メニューバー"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"},{"scheme":"http://www.blogger.com/atom/ns#","term":"検索"}],"title":{"type":"text","$t":"Bloggerのサイト内検索をメニューバーに表示する方法"},"content":{"type":"html","$t":"この方法は、テンプレートの「HTMLの編集」をするような、ややこしいものではなく、誰でも簡単に表示させることができます。\u003cbr /\u003e\n\u003cbr /\u003e\n\u003ca name\u003d'more'\u003e\u003c/a\u003e\u003cbr /\u003e\nまだメニューバー（グローバルバー）を設置していない方は、\u003ca href\u003d\"www.memorou.com/2013/02/blog-post_28.html\"\u003eBloggerにメニューバー（グローバルバー）を設置し色を変更する方法\u003c/a\u003eを参考にして、設置ができたらこの記事に戻ってきてください。\u003cbr /\u003e\n\u003ch2\u003eメニューバーの高さを変更する\u003c/h2\u003e設置ができたらメニューバーの高さを調節します。\u003cbr /\u003e\n\u003cbr /\u003e\nテンプレートのカスタマイズをクリックします。\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://3.bp.blogspot.com/-ThyCAmBmavA/UpgW8GJrjRI/AAAAAAAAA1U/nWqmYcYMyW0/s1600/1.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" height\u003d\"179\" src\u003d\"http://3.bp.blogspot.com/-ThyCAmBmavA/UpgW8GJrjRI/AAAAAAAAA1U/nWqmYcYMyW0/s320/1.png\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e上級者向けのタブのテキストをクリックして、フォントの下の数字を大きくすると、メニューバーの高さがが高くなります。変更したらブログに適用を押します。\u003cbr /\u003e\n今回は、16pxにしました。\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://4.bp.blogspot.com/-b5ScyiOwMaE/UpgZF5oA_LI/AAAAAAAAA1g/qoeJOSFw-JM/s1600/2.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" height\u003d\"120\" src\u003d\"http://4.bp.blogspot.com/-b5ScyiOwMaE/UpgZF5oA_LI/AAAAAAAAA1g/qoeJOSFw-JM/s320/2.png\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003ch2\u003e検索ボックスの準備\u003c/h2\u003e2カラム右サイドバーのレイアウトを例にします。\u003cbr /\u003e\n\u003ch3\u003eレイアウトの変更\u003c/h3\u003eメニューバーの高さを変更するときと同じように、テンプレートのカスタマイズをクリックしたら、レイアウトを選択します。\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://1.bp.blogspot.com/-9SRkfVyQmlI/UpgcsqOYz7I/AAAAAAAAA1s/Hft_gppmKIw/s1600/3.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" height\u003d\"65\" src\u003d\"http://1.bp.blogspot.com/-9SRkfVyQmlI/UpgcsqOYz7I/AAAAAAAAA1s/Hft_gppmKIw/s320/3.png\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\n本文のレイアウトで上の左から2番目を選択します。変更できたら右上のブログに適用を押します。\u003cbr /\u003e\n\u003ch3\u003e検索ボックスの追加\u003c/h3\u003eレイアウトでガジェットの追加をクリックし、検索ボックスを選択します。\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://1.bp.blogspot.com/-kB7ZXHd375A/Upghr69ZJPI/AAAAAAAAA18/nbyOITxHoQA/s1600/4.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" height\u003d\"165\" src\u003d\"http://1.bp.blogspot.com/-kB7ZXHd375A/Upghr69ZJPI/AAAAAAAAA18/nbyOITxHoQA/s320/4.png\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\n検索ボックスの設定は、用途によって変更してください。\u003cbr /\u003e\n\u003cbr /\u003e\nこれで、ブログに検索ボックスが表示されていれば準備が完了です。\u003cbr /\u003e\n\u003cbr /\u003e\n既に、検索ボックスを追加してる場合は、右サイドバーの一番上に移動しておいてください。\u003cbr /\u003e\n\u003ch2\u003eメニューバーに検索ボックスを表示する方法\u003c/h2\u003e準備ができたら、テンプレートのカスタムから、上級者向けをクリックしてCSSを追加を選択します。\u003cbr /\u003e\n\u003cbr /\u003e\nカスタムCSSを追加部分に下記のCSSを追加します。\u003cbr /\u003e\n\u003cpre\u003e/* 検索ボックスのタイトル */\nh2.title{\nfont-size:0px;\n}\n\n/* 右サイドバーの位置 */\n#sidebar-right-1{\nmargin: -70px 0px 0px 0px;\n}\n\u003c/pre\u003e検索ボックスのタイトルを消したくない場合は、削除してください。\u003cbr /\u003e\nタイトルを消すと、他のガジェットタイトルも消える可能性があります。\u003cbr /\u003e\n\u003cbr /\u003e\n右サイドバーの位置は、検索ボックスのタイルの有無によって変わってきます。\u003cbr /\u003e\nプレビューを見ながら、適宜変更してください。\u003cbr /\u003e\n\u003cbr /\u003e\nこれで、メニューバーの中に表示されるようになりました。\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://3.bp.blogspot.com/-mDJ4KUefQTg/UpgsS3OhipI/AAAAAAAAA2M/LiOkrTZxjps/s1600/6.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" height\u003d\"115\" src\u003d\"http://3.bp.blogspot.com/-mDJ4KUefQTg/UpgsS3OhipI/AAAAAAAAA2M/LiOkrTZxjps/s320/6.png\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\nこの方法の応用で、ヘッダー内に検索ボックスやバナー広告、SNSボタンなどを表示することができます。\u003cbr /\u003e\n\u003cbr /\u003e\n\u003ca href\u003d\"http://www.memorou.com/2013/12/blogger_16.html\"\u003eBloggerに忍者おまとめボタンを簡単に設置する方法\u003c/a\u003e\u003cbr /\u003e\n\u003cbr /\u003e\nIEやGCなどブラウザによって表示位置が異なるので注意が必要です。\u003cbr /\u003e\n\u003cbr /\u003e\n\u003cdiv class\u003d\"reference\"\u003e[2017年追記]\u003cbr /\u003e\nこの投稿の内容を「サイト内検索をメニューバーに表示する目的」で行うことはおすすめしません。\u003cbr /\u003e\n右サイドバーの位置の調整には使えます。\u003c/div\u003e"},"link":[{"rel":"edit","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/8765047152723941124"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/8765047152723941124"},{"rel":"alternate","type":"text/html","href":"https://www.memorou.com/2013/11/blogger_29.html","title":"Bloggerのサイト内検索をメニューバーに表示する方法"}],"author":[{"name":{"$t":"asai"},"uri":{"$t":"https://www.blogger.com/profile/05833942471053019922"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"35","height":"35","src":"//www.blogger.com/img/blogger_logo_round_35.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http://3.bp.blogspot.com/-ThyCAmBmavA/UpgW8GJrjRI/AAAAAAAAA1U/nWqmYcYMyW0/s72-c/1.png","height":"72","width":"72"}}]}});