BloggerでカスタムCSSをいじって枠をつける方法

テク系のブログでは「どこからどこまでがコードなのか」をはっきりさせる必要があります

そこで、私は「枠」をつけて「コード」を表現してます

こんな感じで

↑この「枠の付け方」をご紹介します。

■まずはBloggerの新しいテンプレートデザイナーで枠用のカスタムCSSを追加

/* Custom
----------------------------------------------- */
#line{
  border: solid 1px #000000; padding: 10px;
}

■ブログを書くときにdivを追加して書く

<div id="line">%~nx1</div>

■表示してみるとあら不思議

%~nx1

CSSをいじるなら同じ方法で適用できます！