NEW HEADER

BLOGGER

HEADER KOSONG

DEMO HEADER BARU BLOGGER

HEADER CUSTOM PART

1

2

3

HEX CODE

Tinggi Header : 

Gunakan   LOGO 1:       LOGO 2 :      Sesuaikan Warna 

Menu Icon Style   DOT :       LINE :      GRID :  

SKRIP PART 1

HTML

<b:section id='header2' maxwidgets='2' showaddelement='true'/>

CSS

#header2 { width:100%;/*lebar header*/ height:60px;/*tinggi header*/ background:#eee; position:fixed; z-index:99;/*urutan lapisan*/ box-shadow:0 0 3px #999; display:flex; padding:0 20px; align-items:center; top:0; left:0; }

Tutorial Link : /2023/06/new-header-part-01

SKRIP PART 2

CSS

#Header2{ width:200px; height:40px; display:inline; overflow:hidden; } .blog-title{ position:relative; margin-top:0px; } #Header2 img{ height:35px; width:auto; }

Tutorial Link : /2023/06/new-header-part-02

Skrip Lainya Cek Pada Artikel Terkait

Fungsi setelan di atas hanya sebatas referensi buat kamu untuk memilih warna dan tampilan yang sesuai dengan yang kamu mau. Header baru ini akan saya coba terus kembangkan jadi simak terus perkembangannya. dan jika ada saran atau masukan silahkan tulis saja di kolom komentar atau kirim secara pribadi melalu kontak form yang tersedia.

TABEL MENU