[TIPS]：他のブログのCSSを見る

他のブログのCSSを見る方法

下記の手順でCSSファイルを表示することで、CSSカスタマイズの参考にすることができる。

CSSをカスタマイズする場合、人のブログを見て、「この部分はどうやってるんだろう？」と思うことがあるかもしれません。
そんなときは、下にあるような手順でそのブログのCSSの内容を確認することができます。
（＊OS：Windows、ブラウザInternet Explorer（以下IE）の場合で説明します。）

手順

1. 表示したいページを右クリックして「このページのソースを表示」を選択。
通常はメモ帳が起動して、下図のような感じの画面になると思います。



2. 「link rel="stylesheet"」とかかれている部分（タグ）を探す。
＊上図で赤く囲んでいる部分。


3. そのタグ内のhref="～～"の部分をコピーする。
上図で、文字選択されている部分。
→この場合 "/skin/templates/cc/79dc727bb542b479497c7fa1adb313d9.css"


4. ブラウザのURLに　"http://blog.goo.ne.jp（コピーした部分をここに貼り付け）"を入力。
→この場合 "http://blog.goo.ne.jp/skin/templates/cc/79dc727bb542b479497c7fa1adb313d9.css"


5. Enterキーを押し、そのページを表示させる。



6. CSSファイルを保存する。
環境によっては、ここでCSSのソースが表示される。
そうでない場合、「ファイルを保存しますか？」というダイアログが表示されるので、適当なところに
"CSS.txt"という名前で保存する


7. 保存した"CSS.txt"ファイルをIEのアイコン、またはウインドウにドラッグ＆ドロップする。

これでCSSのソースが見れるんじゃないかな…。

…とはいえ、そのCSSをそのまま自分のブログに入れても必ずしも同じにはならないわけで…。
でも、試行錯誤する参考にはなるんじゃないかと思います。

（追記）
いろいろ変更しました。