So-net無料ブログ作成
» スポンサーリンク

So-netブログのヘッダに追加された検索欄と「GO!」メッセージを消す方法
» So-netブログ改造ワザ 

久しぶりに So-net ブログ改造ワザの記事です。(該当しない方すみません)

今日から実装されたブログのヘッダにある検索欄なんですが、検索対象が「Web 全体」、「全ブログ」、「So-net ブログ」の3つだけで、自分のブログ記事だけを対象にする選択肢がなく使い勝手としてはイマイチ。

 あと、未ログインの時に表示される赤い「GO!」アイコンとメッセージもスキンのカラーに合ってなくて気に入らないのでサクッと両方消してみました。

 ヘッダーの HTML はメインのテンプレート HTML とは別にシステムが後から差し込むため、直接編集できないので JavaScript を利用します。

変更前の表示

» 未ログイン


» ログイン後


 下のコードを表示中のサイドバーコンテンツの「挿入テキスト(上または下)」のところに貼り付けます。表示されているサイドバーならどれでもかまいません。

貼り付けコード

<script type="text/javascript">
<!--
function remove_srchbox(){
  var hdr_login = document.getElementById("myblog-header-right-no-login");
  var hdr_li = hdr_login.getElementsByTagName("li");
  if( hdr_li.length > 0 ) hdr_li[2].style.display = "none";
  var hdr_right = document.getElementById("myblog-header-right");
  hdr_right.style.display = "none";
}
if (window.addEventListener)
  window.addEventListener("load", remove_srchbox, false);
else if (window.attachEvent)
  window.attachEvent("onload", remove_srchbox);
//-->
</script>


変更後

コードを埋め込むとこんな感じ↓で以前のレイアウトに戻ります。

» 未ログイン


» ログイン後


 ヘッダーの幅をスキンの幅に合わせたいという人は以前書いた「So-netブログの新しいヘッダーの幅を変更する方法」も参考にしてみてください。

[追記] 2008/12/11
ページ全体のロードが終わってから書き換えるようにコードを変更しました。
あと、2行目が「<!--」のはずが「<--」なってたのを修正しました。お恥ずかしい。

[追記] 2008/12/12

sknys さんに教えて頂いた方法も紹介しておきます。
スタイルシートだけで余計な処理をしなくていいのでこちらのほうがオススメです。

 下のスタイルシートを表示中のサイドバーコンテンツの「挿入テキスト(上または下)」のところに貼り付けます。表示されているサイドバーならどれでもかまいません。
 もしくは「デザイン」→「HTML編集」で head タグの中の </head> の直前あたりに貼り付けてもよいです。

» 貼り付けコード
<style>
#searchForm{display:none}
.headerPR{display:none}
</style>



10日でおぼえる JavaScript 入門教室 新版

10日でおぼえる JavaScript 入門教室 新版

  • 作者: 岡田 克司
  • 出版社/メーカー: 翔泳社
  • 発売日: 2008/02/05
  • メディア: 大型本
nice!(9)  コメント(15)  トラックバック(1)   » カテゴリー:So-netブログ改造ワザ
permalink
trackback
このエントリーをはてなブックマークに追加


» スポンサーリンク
DMR

サウンドハウス


nice! 9

コメント 15

うさぎりんご

TANさん、こんにちは。
ありがとうございます~~~!!
うちは今、メインブログのヘッダの色が濃色なので検索ボックスの白い部分がすごく目立つし、ヘッダの幅を調節せずに使っていたサブブログではバナーと検索ボックスの位置関係が悪くて落ち着かない思いをしていました。
本当に大助かりです。のちほど、やってみます。
by うさぎりんご (2008-12-11 13:07) 

TAN

>うさぎりんごさん
自分のブログだけを検索対象にする選択肢があれば、
サイドバーの検索欄もいらなくなるし、残そうかと思ったんですけど、
なかったので早々に消えてもらうことにしました。

急ごしらえなので取りこぼしがあるかもしれません。
設置で分からないとことか動きがおかしいとことかあったら
気軽に知らせてもらえると助かります。
by TAN (2008-12-11 21:05) 

mamo

はじめまして。こんばんは。
ヘッダ改造方法とてもたすかります。ありがとうございます。
ただ、自分のページで導入しても、どうも赤GOアイコン、検索ボックスが消せないようで。。。

サイドバーカレンダーのテキスト挿入(上部)にスクリプトを追加したのち設定を保存するボタン→レイアウトの設定を保存するボタンクリック。その後、設定→ブログ情報更新にてブログの情報を更新するボタンを押したのですが。

もしかすると時間遅れで反映されるのかもしれません。
なにか解決方法がわかればご教示いただけると幸いです。
by mamo (2008-12-11 21:41) 

TAN

mamoさん、すみません。
コードの2行目コメントのところの「!」が抜けてました。
by TAN (2008-12-11 23:22) 

うさぎりんご

こんばんは。サブブログのほうは、めでたく非表示になりました。
http://usaginosippo-2.blog.so-net.ne.jp

でもなぜかメインブログのほうが、非表示にならないんです。修正後のスクリプトをいただいていったし、変更の保存もその都度しています。入れる位置は、プロフィール上部と、カレンダー上部で試してみましたがダメでした。
ヘッダの幅変更や、niceアイコンの変更に入れてるスクリプトは問題なく動いてるし、謎です・・・。
http://usaginosippo.blog.so-net.ne.jp
by うさぎりんご (2008-12-12 00:03) 

sknys

TANさん、こんばんは。
一難去ってまた一難、
ヘッダにヘンなもの(広告&検索ボックス)が付いちゃった^^

下記のCSSを<style>〜</style>で囲って、
サイドバー(カスタムペイン)の中に入れておけば消えます。

#searchForm{display:none}
.headerPR{display:none}

サイドバーの「中央揃え」もヘンな具合だなぁ^^;
by sknys (2008-12-12 01:06) 

TAN

>うさぎりんごさん
すみません。2行目のコメントのところを修正してください。
「!」が抜けてます。

>sknysさん
おお![目玉]そんな簡単な方法があったとは。
そっちのほうが簡単でいいですね。
勉強になりました。
ところで、sknysさんのブログにあるアクセスランキングって
どうやってやってるんですか?
ちょっと気になりました。

by TAN (2008-12-12 02:55) 

うさぎりんご

スタイルシートをHTMLに入れたら、表示されなくなりました。やった~!
サイドバーにスタイルシート挿入もだめだったのですが、うちのメインブログのCSSは、リニューアル前のものをコピーして使っていたので、そのせいかもしれません。今まで特に不便がなかったので、画像と色指定だけ入れ替えて使っていたんです。お騒がせして申し訳ありません。

ともかく、ヘッダに検索ボックスとメッセージが出なくなったので、すっきりしました。本当にありがとうございました~!検索ボックスは使いたい人が、好きな場所に設置できるようにしてほしいものです。
by うさぎりんご (2008-12-12 13:59) 

TAN

上手くいってよかったです。
やっぱり設定に検索ボックスの表示オプションが欲しくなりますよね。

by TAN (2008-12-12 15:02) 

mamo

>TANさん

早速の最新情報ありがとうございます!
無事に消すことができました。
本当に感謝です。
by mamo (2008-12-12 19:22) 

sknys

紹介&リンクありがとう。
「アクセス・ランキング」は手動更新なんですよ^^;
ヘッダを弄る前に、総閲覧数と記事別ランキングぐらいは
サイドバーに表示出来るようにして欲しいなぁ。
「ヘッダ攻略 2」の記事を書いたら、TBしておきます。
by sknys (2008-12-13 01:08) 

摩亜

ありがとうございます。
とても助かりました。
元々重いブログなのでいらない機能は極力避けたかったし
そのくせデザインにはそこそこ拘っているので
本当にあの検索窓が邪魔でした。
取れてスッキリ!
感謝感謝です。
by 摩亜 (2008-12-13 05:25) 

TAN

>sknysさん
手動だったんですか[汗汗]
スキンのHTMLにある%マクロを作ってウラ技のようなことを
やってるのかなと思ってました。
あと、攻略記事こちらからもTBしておきますね。

>mamoさん、摩亜さん
上手くいってよかったです。
いつもの早とちりでお手数をかけてしまいました。
by TAN (2008-12-13 17:11) 

Riever

はじめまして。Rieverと申します。
今回のメンテナンスで余計な検索バーが出てしまいましたが、システム関連の仕様変更は基本的にこちらから制御が出来ないので諦めていました。
しかしながらこのような方法で消せるとのことで感謝感謝です。どうもありがとうございます。
by Riever (2008-12-14 13:28) 

TAN

Rieverさんコメントありがとうございます。
ヘッダ部分はもう少しユーザが自由に設定できるようにして欲しいですよね。
by TAN (2008-12-14 22:34) 

コメントを書く

名前:[必須]
URL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。

Facebook コメント

トラックバック 1

トラックバックの受付は締め切りました

iTunes Store 音楽アプリベストセラー
for iPad





for iPhone/iPod touch





for Mac





customizeBlog2(); //]]>