CSS編集不可のスキンのCSSを編集してみる

photo credit: EMMEALCUBO

アメブロはスキンが豊富に用意されていて、そこが魅力の一つでもあります。
しかし「この部分だけ気に入らないからちょっと直したいな」と思っても、特殊スキンの殆どはCSSを触れないようになっています。
そこで今回は、これを自由にカスタマイズしてしまおう！という方法をご紹介したいと思います。

madtag

今回は新しいジョージア・ベースボールのスキンを扱ってみます。

まず、スキンを選択。
このままではCSSの変更はできません。



次に、自分のブログを開いてみましょう。
どこでもいいので右クリックし、「ソースを表示」を選択します。
※ブラウザによって右クリックメニューは異なります。



ソースを見ると、上のほうにcssファイルを読み込むためのタグがたくさん記述されていると思います。
その中から、丸で囲ってあるこの2つのCSSファイルを開き、デスクトップに保存しておきます。
※大体ファイル名にスキンの名前が付いていることが多いです。



CSSファイルの中身はこんな感じです。
ベーシックスキンとそれほどかわりはありません。



次に、マイページからデザイン変更画面に戻って「自分でできるかんたんカスタマイズ」バナーをクリックしてベーシックスキンを選択します。
カラム数とレイアウトは元のスキンと同じにしておいてください。



するとCSSが編集できるようになるので「スキンCSSの編集」をクリックします。




ベーシックスキンのCSSを全部消去します。



あとはここに、先程デスクトップに保存したCSSをコピーしてペーストして保存すればOKです。