はてなブログ

はてなブログのスマホサイト、非表示化まとめ

とりあえず邪魔くさい5ヶ所を非表示

はてなブログのスマホサイト画面、いろいろと邪魔くさいのがある。有料版ならこれをいじれますが、設定画面で簡単にできるのはPC版のみ。スマホ版はHTMLを追記する必要があります。以下のサイトを参考にさせて頂き、最後にコードをまとめてみました。

ヘッダ・フッタの非表示

f:id:gray-to:20191221103146j:plain

f:id:gray-to:20191221114842j:plain

①のヘッダー②のフッターがいらないので非表示にします。
以下のサイトを参考にさせて頂きました。

はてなブログを始めようの非表示

次、③ブログを始めよう④開発ブログ等リンクを非表示にします。
以下のサイトを参考にさせて頂きました。

一番下のPowered byはてなの非表示

最後に⑤Powered by Hatena Blog.を非表示にします。
以下のサイトを参考にさせて頂きました。

コードまとめました

全部をまとめておいたのでコピペしてご自由にお使い下さい。

<style>

/* 1.ヘッダー非表示 */
#globalheader-container {
display:none;
}

/* 2.フッター非表示 */
#footer-menu {
display:none;
}

/* 余白調整 */
#container {
padding-top:0px;
}

/* 3.はてなブログをはじめよう非表示 */
.footer-action-wrapper{
display:none;
}

/* 4.はてなブログ開発ブログ等非表示 */
.touch-item-list{
display:none;
}

/* 5.Powered by非表示 */
.footer {
display: none;
}

</style>

関連記事

  1. Wordpress

    はてなブログからwordpressへ引っ越し

    気が付けば年も明けて9連休もあとわずかとなってしまった。この間、何を…

  1. カメラ

    GoPro4死亡
  2. 健康

    禁煙に成功(まだ3日目だけど宣言しとく)
  3. Wordpress

    はてなブログからwordpressへ引っ越し
  4. はてなブログ

    はてなブログのスマホサイト、非表示化まとめ
  5. Amazon

    Osmo Pocket Wifiモジュール返品・再送
PAGE TOP