囲み枠を入れてみた。はてなブログ無料版でカスタマイズ:2

こんにちは!totoです。

新しいパソコンが届いてから、他の方のブログを参考にしながら様々なカスタマイズを模索しています。

カスタマイズに興味が湧くと、文章以外にも関心の目が向きます。

そしてレベルの高さに圧倒されてしまいます。

でも、めげてばかりではいられません。

初心者なりに少しずつ出来ることから、ゆっくりやっていこうと思っています。

今回は記事内に枠組みを入れてみました。

参考にさせて頂いたのは、こちらのブログ。

saruwakakun.com

とても分かり易く、コピペで簡単にできました。

サルワカさんありがとうございます。

こんな感じになります。

まずはCSSをコピペします。

場所は

はてなダッシュボード➡ デザイン➡ カスタマイズ➡ デザインCSS

好きな囲み枠をデザインCSSにコピペすると色んな囲み枠ができます。

次は記事に囲み枠を指定します。

まずは記事を書くで、編集モードをマークダウンにします。

はてな記法でも枠はできます。

あとは記事内で囲み枠を入れたいところにHTMLをコピペ。

HTMLの [ここに文章を書く] を消して新しい文章を書きます。

レシポンシブデザインを設定しているので、スマホの設定はいりません。

詳しくはこちら。

totochn.hateblo.jp

少しずつですが、気になっていた事が出来るようになるのは楽しいです。

次は吹き出しに挑戦したいと思っています。

では。

PVアクセスランキング にほんブログ村