[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. 【新ルール】クイーン白玲（通算5期）で四段昇段！将棋界に激震走る
2. 【最速情報】Google Pixel 9a 日本発売！気になる価格とスペックまとめ
3. 【Pixel 4月／2025】生体認証、カメラ、ディスプレイ、UIの修正【Android 15】
4. 【2024年度】藤井七冠(最優秀棋士)、羽生九段、会長辞任はタイトル100期への伏線か？
5. 【バグ】TVerRec 3.4.2 のリネーム処理不具合とその原因を考察
6. 【恐怖】ポンジスキームとは？歴史から学ぶ詐欺の仕組み
7. 【終息】TVerRec 3.3.9（暫定）で機能制限ほぼ解除、3.4.0リリース！
8. 【緊急】TVerRec 3.3.6緊急リリース！仕様変更に暫定対応
9. 【未解決】TVerRecダウンロード不具合！TVerの仕様変更かも？
10. 【2024年度】全棋士ランキング確定、伊藤匠叡王B1へ昇級、羽生九段B2へ降級

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

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