はてなブログのスマホ版でヘッダー・フッターを消すCSS(Proのみ)
はてなブログはPRO版にすれば、PC版ははてなのヘッダーやフッターが非表示にできるのですが、 スマートフォン版はなぜか、設定の操作ではヘッダー・フッターを消すことができません。
それを消すにはCSSで以下のように書きます。
「ブログ開設」やら、「週刊はてなブログ」などの、余計(?)なリンクも結構多くて邪魔です。
管理画面を開いて * デザイン > スマホアイコン > ヘッダ > タイトル下
に以下のHTMLを貼り付けます。
<style> /* ヘッダー表示有無 */ #globalheader-container { display:none; } /* フッター表示有無 */ #footer-menu { display:none; } /* 余白調整 */ #container { padding-top:0px; } /* プロフィールやはてな関連リンクを消す*/ .footer-service-link, .footer-action-wrapper, .footer-touch-item-list, .profile, .hatena-module-profile, .footer-action-wrapper{ display:none !important; } </style>
- 2016/03/06 修正しました。 (.footer-touch-item-list)追加
- 2015/11/27少し修正しました。( !important追加)
このブログもやってます。 結構スッキリします。