読者です 読者をやめる 読者になる 読者になる

ビジョンミッション成長ブログ

ビジネス書や仕事術、iPhone、iPad、Mac、Apple Watch、Android、Xperiaの情報などを紹介。ビジョンやミッションを持って成長していくために参考になることを書いています。

はてなブログのスマホ版のヘッダーのアイコンを非表示にする方法

ブログ運営・はてなブログカスタマイズ

f:id:kobabiz:20140516210739p:plain

はてなブログのスマホ版のデザインが変わりました。ちょっとイマイチなところもあるなと思っていました。

とくに、ヘッダーのアイコンが、「ブログアイコン」を丸く型どったものが表示されます。上の画像で、「ビ」と黒地に赤文字になっているところです。

 

 

f:id:kobabiz:20140516210854p:plain

これを上のように非表示にしたいなと思っていたところ、「はぴらき合理化幻想」さんで、こんな記事が書かれていました。

はてなブログでアドセンスのレスポンシブ広告ユニット導入時のCSSサンプルコードver1.1.0 - はぴらき合理化幻想

こちらから、必要な部分だけコピーして使わせてもらっています。ありがとうございます。

こちらは、以下の話とは違って、いろいろと他にもコードがあるので必要な人は適宜コピーして設定してください。

 

はてなブログのスマホ版のヘッダーのアイコンを非表示にする方法

設定で、「詳細設定」タブの「headに要素を追加」に以下を追加します。

 

<style>

.header-blog-icon{display:none;}/*sp header内に表示されるアイコンを非表示*/

</style>

 

f:id:kobabiz:20140516205316j:plain

こんな感じですね。

これで、ヘッダー内のアイコンが非表示になるのではないかと。

CSSの設定によっては、非表示にならない場合もあるかもしれませんが。

非表示にしたい方は、やってみてください。

 

土日祝日のブログに何を書くか? - ビジョンミッション成長ブログ

必ず結果が出るブログ運営テクニック100 プロ・ブロガーが教える“俺メディア

必ず結果が出るブログ運営テクニック100 プロ・ブロガーが教える“俺メディア"の極意

  • 作者: コグレマサト,するぷ
  • 出版社/メーカー: インプレスジャパン
  • 発売日: 2012/03/23
  • メディア: 単行本(ソフトカバー)
  • 購入: 8人 クリック: 533回
  • この商品を含むブログ (53件) を見る
 

関連記事

忍者おまとめボタンで、はてなブログにソーシャルボタンを簡単に設置する