Lompat ke konten Lompat ke sidebar Lompat ke footer

Membuat Menu dan Search Button Tetap Walaupun Di Scroll

menu search
Membuat Menu dan Search Button Tetap Walaupun Di Scroll

terbaru bloger telah merilis beberapa 4 tema template yang modern untuk blogspot, diantaranya contempo, soho,emporio dan notable. tema bawaan blogger tersebut memiliki kesamaan di bagian tombol menu hamburger dan search button.

Tombol menu hamburger dan search button pada theme template bawaan blog tersebut apabila di scroll ke bawah maka akan menghilang namun begitu di scroll ke atas lagi akan muncul secara otomatis, namun yang menjadi permasalahan adalah terkadang menu dan tombol pencarian tersebut bersaingan dengan iklan anchor daer adsense. kenapa iklan anchor tidak diletakan dibawah? iklan anchor tepi bawah tidak selancar iklan anchor atas, jadi sayang klo disimpan di bawah.

menu dan search template blogger

ditutup iklan anchor lebih baik menu dan tombol search tetap berada di posisi diatas walaupun di scroll ke bawah atau keatas

lalu bagaimana caranya supaya tombol menu dan search di theme contempo, soho tetap di scroll ke bawah di halaman postingan?

berikut adalah cara caranya

1.  sign in/ masuk ke blogger.com kemudian pilih theme dan edit html


2. cari kode berikut di bawah ini, untuk mempercepat pencarian gunakan CTRL+F

.centered-top-container.sticky{
left:0;
position:fixed;
right:0;
top:0;
width:auto;
z-index:50;
-webkit-transition-property:opacity,-webkit-transform;
transition-property:opacity,-webkit-transform;
transition-property:transform,opacity;
transition-property:transform,opacity,-webkit-transform;
-webkit-transition-duration:.2s;
transition-duration:.2s;
-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-timing-function:cubic-bezier(.4,0,.2,1)
}


ubah position:fixed; menjadi position:relative;

catatan: ketika menggunakan ctrl+f untuk pencarian, copy pastekan hanya beberapa kata saja jangan semuanya, misalnya .centered-top-container.sticky. dan apabila ingin melakukan perubahan html tema blog, ada baiknya menyimpan terlebih dahulu tema yang asli.

4. save theme

demikian cara agar Membuat Menu dan Search Button Tetap Walaupun Di Scroll

Posting Komentar untuk "Membuat Menu dan Search Button Tetap Walaupun Di Scroll"

data-ad-format="auto">
data-ad-format="auto">

Berlangganan via Email