// API callback
related_results_labels_thumbs({"version":"1.0","encoding":"UTF-8","feed":{"xmlns":"http://www.w3.org/2005/Atom","xmlns$openSearch":"http://a9.com/-/spec/opensearchrss/1.0/","xmlns$blogger":"http://schemas.google.com/blogger/2008","xmlns$georss":"http://www.georss.org/georss","xmlns$gd":"http://schemas.google.com/g/2005","xmlns$thr":"http://purl.org/syndication/thread/1.0","id":{"$t":"tag:blogger.com,1999:blog-3913772026590954100"},"updated":{"$t":"2023-03-13T11:23:17.127+09:00"},"category":[{"term":"WordPress"},{"term":"禁煙"},{"term":"Blogger"},{"term":"WordPressカスタマイズ"},{"term":"Bloggerカスタマイズ"},{"term":"レビュー"},{"term":"ブログ"},{"term":"禁煙に成功した人の話"},{"term":"Seesaa"},{"term":"ドメイン"},{"term":"パソコン"},{"term":"AdSense"},{"term":"Seesaaカスタマイズ"},{"term":"バナー広告"},{"term":"画像"},{"term":"アナリティクス"},{"term":"テーマ"},{"term":"メニューバー"},{"term":"月次報告"},{"term":"くじ"},{"term":"ウェブマスターツール"},{"term":"テンプレート"},{"term":"ドメインキング"},{"term":"レンタルサーバー"},{"term":"STINGER"},{"term":"プラグイン"},{"term":"リダイレクト"},{"term":"禁煙に失敗した人の話"},{"term":"amazon"},{"term":"totoBIG"},{"term":"スコアカード"},{"term":"格安SIM"},{"term":"禁煙の効果"},{"term":"ウィンドウエアコン"},{"term":"グラボ"},{"term":"ミニバード"},{"term":"光・モバイル回線"},{"term":"固定ページ"},{"term":"窓用エアコン"},{"term":"A8"},{"term":"FREETEL"},{"term":"Googleアカウント"},{"term":"JavaScript"},{"term":"KIWAMI"},{"term":"MVNO"},{"term":"NURO光"},{"term":"URL"},{"term":"Vista"},{"term":"Windows エクスペリエンス インデックス"},{"term":"css"},{"term":"アップデート"},{"term":"カテゴリー"},{"term":"キャッシュ"},{"term":"コピーライト"},{"term":"サイトマップ"},{"term":"プロフィール"},{"term":"ランサーズ"},{"term":"動画"},{"term":"外注記事"},{"term":"子テーマ"},{"term":"投稿ページ"},{"term":"禁煙のコツ"},{"term":".exeファイル"},{"term":"Chrome"},{"term":"GIMP"},{"term":"Google+"},{"term":"Hatch"},{"term":"Inkscape"},{"term":"LinkWithin"},{"term":"Linux"},{"term":"MesoColumn"},{"term":"Picasa"},{"term":"Skitch"},{"term":"gzip"},{"term":"nofollow"},{"term":"クロスドメイントラッキング"},{"term":"サイドバー"},{"term":"サチコ"},{"term":"サブメニュー"},{"term":"タバコの害"},{"term":"ダウンロード"},{"term":"ツイッター連携"},{"term":"テラダモケイ"},{"term":"トップページ"},{"term":"ネームサーバー"},{"term":"バリューコマース"},{"term":"パーマリンク設定"},{"term":"ファビコン"},{"term":"フォント"},{"term":"プロジェクター"},{"term":"ペイント"},{"term":"ページ内リンク"},{"term":"マネークリップ"},{"term":"圧縮"},{"term":"宅建"},{"term":"拡張機能"},{"term":"検索"},{"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.memorou.com\/feeds\/posts\/default"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3913772026590954100\/posts\/default\/-\/%E6%A4%9C%E7%B4%A2?alt=json-in-script\u0026max-results=9999"},{"rel":"alternate","type":"text/html","href":"https:\/\/www.memorou.com\/search\/label\/%E6%A4%9C%E7%B4%A2"},{"rel":"hub","href":"http://pubsubhubbub.appspot.com/"}],"author":[{"name":{"$t":"asai"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/05833942471053019922"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"generator":{"version":"7.00","uri":"http://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":"Bloggerカスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"メニューバー"},{"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='more'\u003E\u003C\/a\u003E\u003Cbr \/\u003E\nまだメニューバー（グローバルバー）を設置していない方は、\u003Ca href=\"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=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/3.bp.blogspot.com\/-ThyCAmBmavA\/UpgW8GJrjRI\/AAAAAAAAA1U\/nWqmYcYMyW0\/s1600\/1.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" height=\"179\" src=\"http:\/\/3.bp.blogspot.com\/-ThyCAmBmavA\/UpgW8GJrjRI\/AAAAAAAAA1U\/nWqmYcYMyW0\/s320\/1.png\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E上級者向けのタブのテキストをクリックして、フォントの下の数字を大きくすると、メニューバーの高さがが高くなります。変更したらブログに適用を押します。\u003Cbr \/\u003E\n今回は、16pxにしました。\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/4.bp.blogspot.com\/-b5ScyiOwMaE\/UpgZF5oA_LI\/AAAAAAAAA1g\/qoeJOSFw-JM\/s1600\/2.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" height=\"120\" src=\"http:\/\/4.bp.blogspot.com\/-b5ScyiOwMaE\/UpgZF5oA_LI\/AAAAAAAAA1g\/qoeJOSFw-JM\/s320\/2.png\" width=\"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=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/1.bp.blogspot.com\/-9SRkfVyQmlI\/UpgcsqOYz7I\/AAAAAAAAA1s\/Hft_gppmKIw\/s1600\/3.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" height=\"65\" src=\"http:\/\/1.bp.blogspot.com\/-9SRkfVyQmlI\/UpgcsqOYz7I\/AAAAAAAAA1s\/Hft_gppmKIw\/s320\/3.png\" width=\"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=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/1.bp.blogspot.com\/-kB7ZXHd375A\/Upghr69ZJPI\/AAAAAAAAA18\/nbyOITxHoQA\/s1600\/4.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" height=\"165\" src=\"http:\/\/1.bp.blogspot.com\/-kB7ZXHd375A\/Upghr69ZJPI\/AAAAAAAAA18\/nbyOITxHoQA\/s320\/4.png\" width=\"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=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/3.bp.blogspot.com\/-mDJ4KUefQTg\/UpgsS3OhipI\/AAAAAAAAA2M\/LiOkrTZxjps\/s1600\/6.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" height=\"115\" src=\"http:\/\/3.bp.blogspot.com\/-mDJ4KUefQTg\/UpgsS3OhipI\/AAAAAAAAA2M\/LiOkrTZxjps\/s320\/6.png\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\nこの方法の応用で、ヘッダー内に検索ボックスやバナー広告、SNSボタンなどを表示することができます。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ca href=\"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=\"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":"http:\/\/www.blogger.com\/profile\/05833942471053019922"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"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"}}]}});