2021年9月30日木曜日

[Blogger]固定ヘッダーをブログ上部に表示させる

How to Add a Fixed Header to Blogger Blog - Subin's Blog
https://subinsb.com/how-to-add-a-fixed-header-to-blogger-blog/

こちらの通りなのですが、コードがおかしい所があるので(赤字にしようとしたのがそのまま入っているのと、heightの値)

以下をCSSに追加

/* Subin's Blog - http://subinsb.com */
.fixed-header {
 overflow: hidden;
 position: fixed;
 z-index: 999999;
 top: 0px;
 left: 0px;
 right: 0px;
 height: 36px;
 background: #EEE;
}

heightの値はNavbarと同じにするとして30までは落とせます(改めてnavbarのサイズを調べたら30でした)

レイアウト から「TML/JavaScript」ガジェットを追加

<div class="fixed-header" style="text-align:center"><h1><a>Header Demo</a></h1></div>

上は例ですが、元のcenterタグを使わない様にしました

デモ:
Demos: Blogger Fixed Header Demo
https://subin-demos.blogspot.com/2012/04/blogger-fixed-header-demo.html

何か告知したい事がある時に使うと便利かも

F(uriouz)

欲しいものリスト / 優先度の高いほしいものリスト / ☕を奢る
Donate 寄付 カンパ サポート Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
詳細プロフィールを表示

0 comments:

スパム対策の為コメントをオフにしています。
Disqusは利用出来ます。

注: コメントを投稿できるのは、このブログのメンバーだけです。

...

Recent Posts

 
"The Android robot is reproduced or modified from work created and shared by Google and used according to terms described in the Creative Commons 3.0 Attribution License."