【はてなブログ無料版】3回目のブログカスタマイズのまとめ

#globalheader-container{
background: #333;
}

.date:before {
content: none !important;/*アイコンを消す*/
}
.date {
font-family: 'Fira Sans', sans-serif;/*フォント*/
text-align: left;
font-weight: normal;/*字の太さ*/
letter-spacing: 0.1em ;/*文字間の距離*/
font-size: 8px;
color: #999;/*文字色*/
}

.date a{
color: #999;/*文字色*/
}

.entry-title a {
letter-spacing: 0.05em ;/*字幅*/
font-size: 20px;
margin-top: 0px;
}

/* ### 記事中 ### */
.entry-content {
border-top: solid 2px #dadada;/*広告との間の線*/
padding: 20px 5px 5px 5px;/*線との距離*/
}

.entry-content p {
margin: 0;
font-size:16px;/*記事のフォントサイズ*/
line-height: 1.7;/*行間*/
background: #fff;
color: #333 !important; /*文字色*/
} 
.entry-content img {
padding-left: 0px;
margin-top: 10px;
background: #none;
}

.profile-box{ 
text-align: center;
padding: 0.5em 1em;
margin: 2em 0;
font-weight: normal;
color: #333;/*文字色*/
background: #e9e9e9;
border-radius: 10px;/*角の丸み*/
} 

.profile a,.profile a:visited{
font-weight: normal;
letter-spacing: 0.2em ;
color: #333 !important; 
} 

.profile a:hover {
color: #999 !important; /* リンクにマウスを重ねた時の色 */
} 

.profile-title {
font-family: 'Gudea', sans-serif;
font-family: "Rounded Mplus 1c"; 
margin-top: 5px ;
letter-spacing: 0.1em ;
color: #333;/*文字色*/
font-weight:bold;
padding-left: 0.5em;
padding-bottom: 0.5em;
border-bottom: solid 3px #fff;/*線の種類（実線） 太さ 色*/
font-size: 20px;
text-align: center;
position: relative;
color: #333;
line-height: 1.4;
padding: 0.5em 1em 0em 1em;
} 

.profile-img {
text-align: center;
display: inline-block;
padding-top:20px;
} 

.profile-img:before {
text-align: center;
border-radius: 50%;
border: solid 0px #333;/*丸いりんかくを作る*/
content: '';/*何も入れない*/
display: inline-block;/*忘れずに！*/
width: 100px;/*画像の幅*/
height: 100px;/*画像の高さ*/
background-image: url(画像のurl);
background-size: contain;
vertical-align: middle;
} 

.profile {
line-height: 1.7em;
text-align: center;
display: block;/*忘れずに！*/
padding: 10px 0;
margin: 10px 0;
vertical-align: middle;/*縦の表示位置も指定できる*/
}

.profile p {
margin: 0; 
padding: 0;
}

<div class="profile-box">
<div class="profile-title">書いた人</div>
<div class="profile-img">
<div class="profile"><p>名前<br>コメント</p>
<a href="アバウトページのurl" >もっと詳しく
</a>
</div></div></div>

/* デフォルトをリセット */ 
.hatena-module-title,
.hatena-module-title::before,
.hatena-module-title::after {
background: none;
border: none;
border-radius: 0;
}
/* デフォルトのアイコンを消す*/
.hatena-module-title:before {
content: none !important;
}

.hatena-module-title a,
.hatena-module-title a:visited {
color: #333 !important;
text-decoration: none!important; 
}
.hatena-module-title a:hover {
color: #333 !important; 
}

.hatena-module-title {
font-family: 'Gudea', sans-serif;
font-family: "Rounded Mplus 1c"; 
margin-top: 5px ;
letter-spacing: 0.1em ;
color: #333;/*文字色*/
font-weight:bold;
padding-left: 0.5em;
padding-bottom: 0.5em;
border-bottom: solid 3px #e9e9e9;/*線の種類（実線） 太さ 色*/
font-size: 20px;
text-align: center;
position: relative;
line-height: 1.4;
padding: 0.5em 1em 0em 1em;
}

/* 画像の表示 */ 
.entry-thumb,.hatena-module-body img{
min-width: 80px;
min-height :80px;
border-radius: 0!important;/*丸みを無しに*/
border:0!important;/*枠線をを消す*/

}

/* 記事一覧ページのタイトル */ 
.archive-entry-header h1 a{
font-size:16px!important;/*フォントサイズ*/
letter-spacing: 0.05em ;/*文字間*/
padding: 0.5em;/*文字周りの余白*/
color: #333;/*文字色*/
text-decoration: none;
border-radius: 0 15px 15px 0;
}

/*サイドバーの日付*/
.urllist-date-link {
font-family: 'Fira Sans', sans-serif;/*フォント変更*/
letter-spacing: 0.1em ;/*文字間*/
font-size:10px;!important
color: #999; 
}

.urllist-date-link a{
font-size:10px;!important
color: #999; 
}

.urllist-date-link :before {
content: none !important;/*アイコンを消す*/
}