HOME >  Blog カスタマイズ  > ヘッダーニュースの変更

ヘッダーニュースの変更

2006年03月27日 AQ
『 ライブドア ナレッジ 』 に面白い質問があった。AQ が回答したんだけども、ブログの上についているヘッダー広告の中の、ライブドア ニュースに関する質問。

リニューアル後、発表したテンプレートはすべてニューステロップが横に流れていました。現在は、縦にスクロールするスクリプトにすべて変換されているみたいなのですが、これを前のように横に流れるようにしたいというご希望なんです ・・・。

本当はこの記事上で、2つ の違いを表示できれば良かったんだけど、ここにスクリプト 2種類 を並べると、ブログの動作が不安定になるみたいなんで、お許しを〜
さて、カスタマイズはいたって簡単。前に使用されていたスクリプトに書き換えることで、横に流れるようにできます。ただし、新しいテンプレートがすべて縦にスクロールする使用になっていることを考えると、いつかこのスクリプトファイルをライブドア側で削除するかも知れません。

そうなると、その時点で、横に流れていたニュースが動作しなくなります。その時は、現在の縦バージョンに戻さなければならない事をご理解していただき、カスタマイズして下さい。

トップページ・個別記事・カテゴリー・月別の 4つ の HTML のニュースに関するスクリプトの記述を書き換えます。

各 HTML を上からず〜と覗いていくと、こういう部分があります。

<td width="97%"><div align="right">
<script type="text/javascript" src="http://img.blog.livedoor.com/js/scroll.js"></script>
<script type="text/javascript" src="http://js.news.livedoor.com/blog/scroll.js"></script>
<script>topics.start();</script>

</div></td>

このうちの 青文字 の 3行 を削除します。この部分ね ・・・

<script type="text/javascript" src="http://img.blog.livedoor.com/js/scroll.js"></script>
<script type="text/javascript" src="http://js.news.livedoor.com/blog/scroll.js"></script>
<script>topics.start();</script>

次にこの削除したところに、以下のスクリプトタグを新たに書き込みます。

<script type="text/javascript" src="http://js.news.livedoor.com/blog/default.js"></script>

このあと保存して、それぞれの HTML にも同じ事を繰り返して、『 全て再構築 』 をします。個別記事などは再構築に時間がかかりますので、まずはトップページだけこの処理をおこない、カスタマイズが無事に成功したかどうかを確認してから、他の HTML にスクリプトの書き換えをおこなうほうが良いでしょう。

ねっ。今日は簡単でした (^^) でも、他にもこうしたい人っているのかな

カスタマイズは、自己責任で判断しておこなって下さいね〜。

この記事へのトラックバック
1. ヘッダー上部のニュース・広告表示の変更  [ ☆★たのしんぼ日記★☆ ]
2007年05月05日 01:15
■melodyブログトップページのカスタマイズ 【ヘッダー上部のニュース・広告の表示をすっきりと(幅を縮める・横スクロールにする)】
この記事へのコメント
1. Posted by チョビ    2006年03月27日 20:58
たびたび記事に関係ない書き込みで申し訳ございません。
早速のご訪問ありがとうございました。
ネットスケープの件、教えていただきとても感謝しています。
正しく書かれていないとネットスケープでは表示されないとの事だったので、早速タグふれのタグソースを調べてみました。
すると、コピペでしくじったのかtype="text/javascript"の部分が抜けていました。
抜けていた部分を追加しましたが、改善されたでしょうか?
これ以上のことは、私の知識ではわかりません・・・。
まだ、無茶だったかな・・・。
2. Posted by AQ    2006年03月27日 21:26
> チョビ さん
ありゃ〜ダメですね (>_<)

先ほどと表示は変わっていません。
ひとつ確認しなければならないのは、この現象が
チョビさんだけなのかと言う事です。

他の FC2 ユーザーで、タグフレ貼っている人
誰か知りませんか [?]

そこを確認して、同じようになっていたら、FC2 とタグフレの相性が、ネットスケープの場合、悪いと言うことになります。そこが正しく見れるのならば、チョビさんの設定が悪いという事になります。
3. Posted by チョビ    2006年03月27日 22:44
お友達がFC2さんでタグふれを貼っています。
チョビのPCからは、自分のタグふれは設定したとおりにみられますし、お友達のも問題なく表示されています。

AQさまが上記のお友達のところへ行って、タグふれが問題なく右サイドバー「Shopping」の下に表示されているのならば、確実にチョビの設定ミスですね。[もっとorz...]

その場合は、FC2のお友達にアドバイスをもらいます。
お時間があるときでかまいませんので、お手数ですが上記のお友達のタグふれを見ていただけませんか?
本当にご迷惑をおかけして申し訳ございません。
4. Posted by AQ    2006年03月27日 23:58
> チョビ さん
お友達のタグフレは、Windows + IE、firefox、Netscape
どれで見ても正しく表示されています。

念のため、チョビさんのブログを再度見にいきました。
やっぱりタグフレは右のカレンダーの右横に飛ばされています。

原因は多分ですが、タグフレの横幅のサイズが、右カラムの
サイドバーの幅よりも大きいのが原因です。

タグフレのスクリプトの下に、タグフレのバナーを貼っていますよね。あれの横幅は、168px です。

右のサイドバーの幅は、それよりも狭い設定にしているはずです。もう一度、全体の幅の調整をおこなって下さい。
5. Posted by チョビ    2006年03月28日 00:08
はい。その通りですね。
本当にご迷惑をおかけして申し訳ございませんでした。
頑張ってなおします。
色々とありがとうございました。
6. Posted by チョビ    2006年03月28日 01:44
先ほどは、貴重なお時間を使って下さり、ありがとうございました。
初めてテンプレートのカスタマイズをしたので、消しちゃいけないところを消したり、いじってはいけないところをいじったのかもしれません。
それなのに、お付き合いいただいて、本当に申し訳ありません。
謝りついでに、ずうずうしくお願いがあります。
チョビが書き込んだ3番のコメントを削除していただきたいのです。
お友達のURLが入っているので・・・。
お手数ですが、よろしくお願い致します。
7. Posted by AQ    2006年03月28日 01:49
> チョビさん
了解。お友達の URL と一部話がつがらない部分だけ
消しておきました。
8. Posted by チョビ    2006年03月28日 19:05
重ね重ねありがとうございました。
もう本当に、感謝しています。
結局、サイズが大きいテンプレートでも試しましたが、タグふれがあると、どうしても崩れが起きてしまいます。
そこで、おもいきってタグふれは元のブログのページに戻しました。
それでもテンプレートがおかしいなら、もうチョビにはカスタマイズは無理なのだとあきらめます。[ウェーン]
本当にお世話になりました。
それなのに改善できなくて申し訳ありません。[もっとorz...]
9. Posted by AQ    2006年03月28日 19:11
> チョビ さん
ん〜 おかしいね。他の人は大丈夫なのにね。

なんか他にスクリプト入れてカスタマイズした [?]
スクリプト同士がケンカしてるかもしれないよ。

あとは、ここの AQ みたいに、サイドバーにはリンク
だけ貼って、タグフレンズのタグを、記事の中に設置するの。
10. Posted by チョビ    2006年03月29日 15:27
横型カレンダー付のテンプレートに変更したので、それまで使っていた外部から取り込んだカレンダーをはずしました。
その後タグふれんずを貼り付けたら、上手く表示されるようになったのですが、どうでしょう?

タグふれがカレンダーの横に出ていたということからも、それが原因かな?と素人なので思ったのですが・・・。
ダメなら、アドバイスにしたがって、タグふれんずはページに埋め込もうと思います。

他の環境からブログを確認できないので、自分のPC上で問題ないと不具合に気づくことすら出来ないのですね。
今回の事で、とても勉強になりました。
貴重なお時間をさいていただき、本当にありがとうございました。
11. Posted by AQ    2006年03月29日 17:23
> チョビ さん

IE、firefox、ネスケ すべての表示に不具合はもうありません。
良く頑張りました ♪

チョビさんが Windows ユーザーならば、最低でも、IE ・ firefox ・ ネスケの 3つ はパソコンにインストールしておくべきです。どれもが無料ですからね。

時々、表示に不具合が無いか確認しておく事は、遊びに来られる方に対しての、優しさです。

気持ちよくコメントしていただくために、常に気を使ってあげて下さい。それも大事な " カスタマイズ " です。(^^)

最後に、結婚記念日、おめでとう [ハート]
12. Posted by チョビ    2006年03月29日 19:13
コメントをいただいた後、右サイドバーが崩れてしまいました。記事に埋め込んでみましたが、その記事を公開すると、もうテンプレートがめちゃくちゃです。

元のサーバーのブログに貼りなおしてもうまく表示されなくなってしまいました。まず、firefoxをインストールしたのですが、その後、数え切れないほどの問題が・・・。

新しいPCなので、まだ環境が整っておらず、時間がかかりそうです。タグふれの退会も考えています。お世話になったのに、やはりダメだなんて、申し訳ないです。[もっとorz...]
13. Posted by AQ    2006年03月29日 21:54
> チョビ さん
え〜 [ギョロ目] さっき、僕が見た時は
綺麗に表示されていたのに (・・;)

> 元のサーバーのブログに貼りなおしてもうまく表示されなくなってしまいました。

なんとなく、怪しい部分がわかってきたような [無言]
コピーして貼りなおしを繰り返すうちに、タグの一部を
どっかに無くしてるんじゃないの [?]

例えば、< とか > とか ・・・。
よくある話だよ、それは (-_-;)
14. Posted by チョビ    2006年03月29日 22:15
それは、大丈夫です。
先日それで、失敗したばかりですから。^^

FC2に戻って記事中にはる時に、HPからちゃんとIDとバナーのタグソースを貼りなおしました。その時は、自作タグふれバナーはつけませんでした。

キャラクターのプロフィール編集で、URLの変更を繰り返したので、安定しない・・・なんてこともあるのでしょうか。

これ以上ご迷惑をおかけできないので、気持ちは退会にむかっています。本当にご迷惑をおかけしました。もうこれ以上お時間をとらせては申し訳ないので・・・。
15. Posted by チョビ    2006年03月29日 23:11
時間がたったせいか、また表示できるようになりました。
「ココログに貼り付けたタグを削除したのに、ココログのページに、しばらくタグふれの画像が表示される」という不具合がおこっていたのですが、それが消えたおかげかFC2で表示されるようになりました。

(ココログバージョンアップの影響で、ソースの削除ボタンを押した時に、なぜかログイン画面が表示されるという不具合がおきていたのです。その影響で、バグがおこっていたのでしょうか?)

でも、いつまたおかしくなるか不安ですが・・・。
16. Posted by チョビ    2006年03月30日 00:21
連投ですみません。
家事の片手間にやっていたもので、わけがわからなくなっていたのですが、落ち着いたら思い出しました。

アドバイスを読んでから、「HPから貼りなおしたから大丈夫」と思い込んでいたものの、「その時に間違えてたら間抜けだよな」と思って、こちらに書き込んだ後に、貼りなおしたんです。

でも、ブログには非表示にしたままだったので、なんの確認もせぬまま、また家事に戻ってしまいました。その後、確認した時、表示された事が嬉しくて舞い上がってしまい、タグをはりかえた事をすっかり忘れてココログの不具合のせいみたいに書き込んでしまいましたが、(ココログでの不具合は本当の事ですが)崩れた原因はきっと私のタグ貼りミスです。

もう、恥ずかしくて申し訳なくて死んでしまいたい!ご迷惑をおかけしました。貴重なお時間とスペースをたくさん使わせていただき、ありがとうございました。
17. Posted by AQ    2006年03月30日 00:34
> チョビ さん
でっ ・・・ 結局、解決したのね (^^)

終わりよければ、すべて良し!
気にしないでね、根っからのおせっかい焼きだから [アイタ]
この記事にコメントする
 :Name
 :Mail
 :URL
  情報を記憶:   書き込みのリセット: 
 
ご利用のブラウザ、設定ではご利用になれません。
 
  
Information
Category Menu
Promotion
New Entries
Mini BBS
Back Number
Comments
TrackBacks
Tag Click
Access Ranking
Click Please!