はてなブログでソースコードを記述

1 はてな記述モードに変更しましょう

ダッシュボード > 設定 > 編集モード > はてな記述モードに変更

2 文字を「>||」と「||<」で囲うだけでそれっぽくなります

「こんにちわ」を囲うと

こんにちわ

3 「>||」の中に言語を指定してあげよう カラフル！

htmlだと
「>|html|」

<p>こんにちわ</p>

cssだと
「>|css|」

p {
font-size: 16px;
}

「||<」はそのままにしてあげよう

対応言語はこちらで
［はてな記法］ソースコードを色付けして表示する（シンタックス・ハイライト） - はてなブログ ヘルプ