1-左メニュー

【超簡単】はてなブログでCSSを設定する方法

はてなブログでスタイルシートを設定する方法

始めに「はてなブログ」にログインします。

1-左メニュー

ダッシュボードの左メニュー欄の「デザイン」を選びます。

2-1-カスタマイズ

真ん中の「カスタマイズ」ボタンをクリックします。
画像のようなメニューが出て、ここでブログの見た目など基本設定を変更することが出来ます。
一番下の「{}デザインCSS」をクリックします。
さらに下に現在使用されているCSSが表示されます。
初期では画像と同じ状態です。

2-2-カスタマイズ

CSSの表示されている部分をクリックすると、さらに下に編集する窓が出ます。
ここでCSSを記述できるのですが、ご覧の通り小さく不便なので実際には別エディターで書いたものをここに張り付ける様にします。

2-3-カスタマイズ

既に記述のある行の最後尾に追加記載します。既存の行を消さないように注意してください。

CSSの記述が終わったら、何もないところをクリックします。
画面が閉じると同時に右のプレビューページにCSSが適用されて表示が変わります。

このままではまだCSSが保存されていないので、メニュー上の「変更を保存する」をクリックします。
CSSが保存されたら「管理画面に戻る」を押し、ブログの編集をすれば保存したCSSが適用されます。

これでCSSの変更が完了です。

hajizo

hajizo

では、お疲れ様でした~

TOP