1-左メニュー

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

 

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

 

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

 

2-1-カスタマイズ

真ん中の「カスタマイズ」ボタンをクリックします。

画像のようなメニューが出て、ここでブログの見た目など基本設定を変更することが出来ます。

一番下の「{}デザインCSS」をクリックします。

さらに下に現在使用されているCSSが表示されます。
初期では画像と同じ状態です。

 

2-2-カスタマイズ

CSSの表示されている部分をクリックすると、さらに下に編集する窓が出ます。

ここでCSSを記述できるのですが、ご覧の通り小さく不便なので実際には別エディターで書いたものをここに張り付ける様にしています。

 

2-3-カスタマイズ

既に記述のある行の最後尾に追加記載します。

既存の行を消さないように注意してください。

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

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

 

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

 

hajizo
では、お疲れ様でした~