プロフィール欄の超簡単な作成方法 【ブログのサイドバーを、カスタマイズ】

HTML / css を駆使して、デザインで遊んでいる、神木剛（かみきごう）です。

プログラミングを少し覚えたので、既存の設定ではなく カスタマイズしたい心境です。

まさに、これがプログラミングの醍醐味！なのですが、ハマり過ぎ…笑

（WordPress や有料版ではないので、そろそろ限界です）

では、作成方法に参ります。

html をコピペで、作る方法

はてな では、記事を書く際に「見たままモード」で書いた記事が、 「自動で HTML 」に変更されるので、これを利用して作成します。

まず「見たままモード」に、 プロフィールにしたい画像をアップします。

任意の大きさに、マウスでドラッグして変更。

 

任意の大きさに変更したら、見たままモード → HTML 編集に、切り替えます。

こんな感じで、コードが生成されていると思います。

このコードを、 <center>  </center>で囲みます。※ HTML 中央寄せ コード。

実際には、

HTML

<center> ここにコピペ </center>

この状態で、見たままモードに切り替えると、画像が中央寄せされます。←確認してみて下さい。

確認ができたら、再び HTML 編集画面に戻り、コードをコピーして、 
デザイン　＞　カスタマイズ　＞　サイドバー　＞　モジュールを追加　＞　HTML
に、先ほどコピーした HTML コードを貼り付けます。

最後に、「適用」「変更を保存」ボタンを忘れずに。

これで、脱・デフォルトです😊

私は、はてな ID もコピーして中央寄せ、今まで使っていたプロフィール欄のモジュールは、文章用に使用しています。

他にも、 CSS や空白を入れて中央寄せする方法もありますが、
これが一番簡単で、綺麗に仕上がると思います👍

良かったら、作ってみて下さい♪　(*^^*)