スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
人気ブログランキングへ ブログランキング・にほんブログ村へ


FC2 人気ページランキング その2

前記事 FC2 人気ページランキング

 右のサイドバーに表示している人気ページランキングで二日放置していたら、ようやくタイトルが修正されました。
 機能の説明で更新に二日かかると書いてありましたが、このことだったのかと腑に落ちました。
(アクセス数自体は数時間ごとに更新されています)

 それでついでに表示をいじってみました。
 参考にした記事はコレ
  FC2 アクセスランキングのブログパーツでタイトルを折り返す方法

・変更前
 <script type="text/javascript" src="http://1988133.ranking.fc2.com/accessory.js?rtype=page" charset="utf-8"></script>

・変更後
<div id="ranking-page">
 <script type="text/javascript" src="http://1988133.ranking.fc2.com/accessory.js?rtype=page" charset="utf-8"></script>
</div>
<script type="text/javascript" charset="utf-8">
document.getElementById("ranking-page").innerHTML=document.getElementById("ranking-page").innerHTML.replace(/width - 84/i,"width - 48");  ……A
document.getElementById("ranking-page").innerHTML=document.getElementById("ranking-page").innerHTML.replace(/width: 60px/i,"width: 24px");  ……B
document.getElementById("ranking-page").innerHTML=document.getElementById("ranking-page").innerHTML.replace(/white-space: nowrap/ig,"white-space: normal");  ……C
document.getElementById("ranking-page").innerHTML=document.getElementById("ranking-page").innerHTML.replace(/ - おじさんのためのアフィリエイト講座/ig,"");  ……D
</script>


 まずは元のjavascriptを確認します。
1. ブラウザでブログのソースを見てjavascriptのURLを確認
2. http://1988133.ranking.fc2.com/accessory.js?rtype=page
3. ブラウザでこのURLを表示させる
4. これで該当のjavascriptの中身が見えます

 これを解析すると、テーブル3列のうち、左の順位に24pixel、右の数に60pixel、残りを真ん中のタイトルに使っているのが分かります。
 私の場合、人気ページランキングの設定で全体を168pixelを指定していますので、
 左から24, 84, 60pixelの幅になります。

 右の数が60だと広いので24に狭めてその分真ん中のタイトルを広げます。
 A: (左24+右60=)84を(左24+右24=)48に変更
 B: 右60を24に変更

 次に折り返し無しになっているので、折り返し有りに変更
 C: nowrap → normal

 最後にブログ名を表示する必要が無いので削除 D:

 これでかなり見やすくなりました。


スポンサーサイト
人気ブログランキングへ ブログランキング・にほんブログ村へ


コメント

非公開コメント

プロフィール

wombat

Author:wombat
名前の由来は家にある、このぬいぐるみからです

Sponsored Link
カルビー フルーツグラノーラ
カルビー フルーツグラノーラ

My Keepon マイキーポン
My Keepon マイキーポン

ホイップる
明治チョコレートセット

ホイップる 明治チョコレートセット
きのこの山、たけのこの里、アポロなどがアクセに





ウイルスバスター トレンドマイクロ・オンラインショップ







吉川友 YOU! ~the DVD~
吉川友 YOU! ~the DVD~

秋山莉奈 ザ・おしり3 [DVD]
石田紗英子 晴れのちドキドキ[DVD]

秋山莉奈 ザ・おしり3 [DVD]
秋山莉奈 ザ・おしり3 [DVD]

秋山莉奈 ザ・おしり2 [DVD]
秋山莉奈 ザ・おしり2 [DVD]

秋山莉奈 ザ・おしり[DVD]
秋山莉奈 ザ・おしり[DVD]

Cica写真集
Cica loves YOU!

Cica写真集 Cica loves YOU!

CicaファーストDVD
ハジメマシテ…Cicaデス

CicaファーストDVD ハジメマシテ…Cicaデス

1/32 小惑星探査機 はやぶさ 特別メッキ版 【Amazon.co.jp限定販売】
1/32 スペースクラフトシリーズ No.SP 小惑星探査機 はやぶさ 特別メッキ版 【Amazon.co.jp限定販売】

魔女の宅急便 [Blu-ray]
魔女の宅急便 [Blu-ray]

となりのトトロ [Blu-ray]
となりのトトロ [Blu-ray]

天空の城ラピュタ [Blu-ray]
天空の城ラピュタ [Blu-ray]

風の谷のナウシカ [Blu-ray]
風の谷のナウシカ [Blu-ray]


参考記事

Sponsored Link



ブログ内検索
最新記事

  全記事一覧
カテゴリ
月別アーカイブ
人気記事
   
アクセスランキング
   
最新コメント
最新トラックバック
リンク
RSSリンクの表示
QRコード
QRコード
Counter

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。