[Blogger] ヘッダ、ウィジェットの余白を調整

Atom | RSS

このサイトを検索 | Search this site

[Blogger] ヘッダ、ウィジェットの余白を調整

Awesomeテンプレートの修正備忘録です。

• ウィジェット間のスペースを 8px に統一した
• Navbarの表示領域をゼロにした

変数：widget.padding.side

変数は Variable name で定義されています。

投稿エリアとサイドバーの余白

 .main-inner .widget { background-color: $(widget.background.color); border: 1px solid $(widget.border.color); padding: 0 $(widget.padding.side) 15px; margin: 20px -16px;

<Variable name="widget.padding.side" description="Widget Padding Side" type="length" default="15px" min="0" max="100px" value="8px"/>

変数：date.space

Headerとmain-innerの余白

.main-inner { padding-top: $(date.space); }

<Variable name="date.space" description="Date Space" type="length" default="30px" min="0" max="100px" value="8px"/>

CSS追加

Navbarを非表示にしてもNavbar領域は確保されたままになるので height=0 に設定しました。

ヘッダー上部のマージン（navbar領域）をゼロにする

#navbar {
  height: 0;
}

Blogger の記事 (Articles about the Blogger)

1. 【Blogger】指定したラベルの記事を新着順で抽出して一覧表示する（ことに成功）
2. Google Bloggerブログがマルウェア検出で公開停止に！原因は？復旧は？
3. IFTTT 使用レポート（使い方）
4. Blogger: ブログのページ幅を最適化（アドセンス対策）
5. Bloggerの管理画面が英語表記になる時の緩和策
6. moreタグの動作をカスタマイズする方法｜Blogger
7. アドセンスコードをmoreタグの位置に挿入する方法（同期コード）
8. more タグの位置にアドセンスコードを挿入する方法
9. モバイルユーザビリティエラーの対処方法 (Blogger)
10. Google Search Consoleに記録された構造化データエラーとは？（対策あり）
11. Blogger ラベルの記事（要約付）
12. Blogger が含まれる記事（要約付）

新着順 (New arrival order)

1. 【Pixel 9a／6a】ホーム画面のお天気アイコンが消える原因と対処方法
2. 「アダルトサイト動画公開」詐欺メールに注意！あなたのネットリテラシーは大丈夫？
3. 【大阪】「ヒョウ柄ばっかちゃうねん！」リアル大阪人図鑑
4. 【Thunderbird】ESR → Release へ移行する方法と注意点
5. 【Pixel／2025年5月】アンチロールバックの実装、ゼロデイ脆弱性（CVE-2025-27363）
6. 【初心者向け】Windows／AndroidでDoHを設定してセキュリティを高める方法
7. まだ間に合う！ChromeでuBlock Originを使うための最終手段
8. 【新ルール】クイーン白玲（通算5期）で四段昇段！将棋界に激震走る
9. 【最速情報】Google Pixel 9a 日本発売！気になる価格とスペックまとめ
10. 【Pixel 4月／2025】生体認証、カメラ、ディスプレイ、UIの修正【Android 15】

タイトル：[Blogger] ヘッダ、ウィジェットの余白を調整：SC2

このサイトを検索 | Search this site