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
何か告知したい事がある時に使うと便利かも




0 comments:
スパム対策の為コメントをオフにしています。
Disqusは利用出来ます。
注: コメントを投稿できるのは、このブログのメンバーだけです。