【簡単カスタマイズ】はてなブログに素敵なプロフィールを追加する

はてなブログを使っている人ならわかるはず。

プロフィールがダサい!

テンプレートとして用意されているプロフィールが何だかしっくりこないと感じる人も多いのではないでしょうか。私も同意見です。

このブログはワードプレスで運営していますが、ダーツ専門ブログ「なよダーツ。」ははてなブログで運営しています。

 

最近HTMLとCSSの勉強を始めたので、練習がてらシンプルなプロフィールを作ってみました。色とか変えてご自由にお使いください。

 

マナブログ風プロフィール

はてなブログプロフィール

ブロガー兼プログラマーの「マナブさん」の「マナブログ」のプロフィールを参考に作りました。

極限までシンプルなので、どんな人でも使いやすいと思います。

 

プロフィールの使い方

それぞれのコードをはてなブログの管理画面の特定の位置にコピペしてください。

HTMLを貼り付ける場所

サイドバーモジュールのHTMLに貼り付けてもらいます。

以下のように進んでください。

  1. デザイン
  2. カスタマイズ
  3. サイドバー
  4. モジュールを追加
  5. HTML(モードもHTMLを選択)

タイトル部分は空白でHTMLをコピペしてください。

 

CSSを貼り付ける場所

デザインCSSに貼り付けてもらいます。

以下のように進んでください。

  1. はてなブログのデザイン
  2. カスタマイズ
  3. デザインCSS

 

ちなみに動作環境ははてなブログのミニマリズムというテーマです。

他のテーマでは上手く動作しないかもしれません。

 

素敵なプロフィール募集中

はい、と言うことでプログラミングの練習の成果第一弾でした。

練習がてら色々作りたいですね。これからも素敵なプロフィールを採用しているブログを探したいと思います。

何か素敵なものがあれば教えていただけると幸いです。