blogHeaderParts.html

<style>
    div.menuBox{
        width:calc(100%/4);
        height:40px;
        float:left;
        font-size:20px;
        text-align:center;
        line-height:40px;
        transition:border-bottom linear 1s,color linear 1s;
    }
    div.menuBox a{
        color:#595959;
        text-decoration:none;
    }
    div.menuBox a:hover{
        height:39px;
        border-bottom:#199 1px solid;
        color:#199;
    }
</style>
<div class="menuBox"><a href="http://profile.hatena.ne.jp/chuck0523/">書いてる人</a></div>
<div class="menuBox"><a href="http://chuck0523.hatenadiary.jp/entry/2015/05/31/ブログ運営丸１年、200記事の中からオススメ記事22">おすすめ記事</a></div>
<div class="menuBox"><a href="http://chuckwebtips.hatenablog.com">技術ブログ</a></div>
<div class="menuBox"><a href="http://chuck0523.hatenadiary.jp/entry/2000/01/01/chuckへのコンタクト一覧">コンタクト</a></div>