今回ははてなブログのヘッダー(PC版)に上画像の様なグローバルナビを設置する方法を紹介します。 設置方法 <style> #blog-title{ height:170px; } /*↓グローバルナビCSSここから*/ #sm_nav{ color: #ffffff; width:900px; text-align: center; background-color: #3b63a6; margin-bottom:15px; margin-top:0px; } #sm_nav .category{ padding-right:30px; padding-left:30px; padding-top:5px; line-height: 300%; font-size: 90%; } #sm_nav a{ color: #ffffff; text-decoration: none; word-
![【はてなブログ】ブログ(PC版)のヘッダーにグローバルナビを設置する方法 - チップの日常](https://cdn-ak-scissors.b.st-hatena.com/image/square/6dc8bccbe068fc60e9dd888f92bcf7dfa9214e8f/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fc%2Fchipsforest%2F20151206%2F20151206215914.jpg)