超初心者のはてなブログカスタマイズ ~いきなり壁にぶち当たって撃沈、立ち上がり、再び撃沈、の巻~
こんにちは!今日もちまちまとブログカスタマイズに挑戦中です!
カスタマイズって言葉を使いたいだけです!
昨日、意気揚々とレイアウト確認用の記事を5つ準備して、土台となるテーマを探しにいきました。今回はテーマストアで1位になっているこちらをお借りすることにします。理由は「1位だから」です。長いものには巻かれる方です。
設定してみるとこんな感じ。
あ、これを選んだ理由、もういっこあった!「2カラムだから」!
3カラムだと窮屈な感じがするので私は2カラムのものが好きです。画像も大きくて見やすいし!
さあ!いよいよスタイルシートとやらをいじっていきますか!
ブログの右上、自分のIDが書いてあるところをクリック(1)、そこから「デザイン」をクリック(2)。ここまではブログのテーマを選ぶときと同じ。
次に左側上部のメニューアイコンからスパナマークを選びます(3)。
するといちばん下に「デザインCSS」の文字を発見!(4)
クリックすると、なにやらテキストボックスが開きました!
お!これが!うわさのCSS!
右側切れちゃっててみえないじゃないの!とテキストボックスをクリックすると…
ん?
なんか…イメージしてたのと違う…
なんか…もっとこう…文字がいっぱいわーーーって書いてあるような…
そんなイメージだったんだけど…な…?あ、あれ?…これじゃないのかな…?
だって、たった3行ってそんなことなかろう!?
いや!何かあるはずだ!私のイメージと違う!
(この時点で信じるものは自分が描くイメージのみ)
調べました。インターネット社会万歳。
そしてたどり着いたこちらのブログ様。
なんと!あの3行に隠されていたのか!スタイルシートの根本!
救世主現る!ありがたや!
さっそく指南どおりに作業開始。
2行目のhttp://~.cssをコピーしてブラウザのアドレスバーに貼り付け。
すると…
わー!!キター!!
これこれ!こういうイメージだった!!
下にスクロールしてみると…
おおお!これこれ!たぶんこれ!!
これをはてなさんのデザインCSSのテキストボックスに貼り付けて編集していけばいいのね!!
…って、ちょっと待て…
それでなくても意味わかってないのにこの中から修正箇所探していくの…?
無謀にも程があるんじゃ…?
(果たして初心者はここから這い上がれるのか?!次回へ続く!)
(※不定期更新)(の予定)