【コピペOK】はてなブログの[このブログについて]をカスタマイズ【CSS解説】

本ページにはプロモーションが含まれます。

自分用のバックアップも兼ねて、当ブログのHTML/CSSコードをご紹介します。

はてなブログのサイドバーにプロフィールを置いたときに強制で出てくる「このブログについて」をカスタマイズしました。

Aboutページへと飛ぶリンクですね。

ご自由にコピペして使っていただいて構いません。

↓こちらのサイトで紹介されているコードを元に作成しました。

「このブログについて」を消したい方は引用元をご覧ください。

・デザインテーマはSmooth（デフォルト）

・レスポンシブデザイン

div.profile-about a{
font-size: 0%;
}
div.profile-about a:before{
content:'More-profile';
color: #3cb371;
font-size: 18px;

font-weight: ;
font-family: 'Lucida Grande', 'segoe UI', Verdana, Arial, sans-serif;
letter-spacing:0.3pt;

}

div.profile-about a{
font-size: 0%;
}↑デフォルトデザインをリセット
div.profile-about a:before{
content:'Aboutページを表す言葉';
color: #文字の色（カラーコード）;
font-size: 文字の大きさpx;

font-weight: 文字の太さ（太くしたければboldと入力）;
font-family: 字体;
letter-spacing:文字間隔の数値pt;
}

・元から記述されているコードは消さないで最後の「　}　」のすぐ下にペーストします。

・他に自分でコードを書いている場合も同様に最後の「　}　」の下に追加でペーストします。

・通常、CSSは下に追加したコードの指示が優先して反映されます。

・↓カラーコードはこのサイトで調べられます。

・↓縦線はsolid（普通の線）の代わりにdotted（点線）など指定できます。

以上です。

ご参考になれば幸いです。

＼　ゆるく勉強中　／

リンク

【関連記事】

ダンゴムシ情報