Menonaktifkan fitur ubah warna header saat scroll

Hello sobat icloudzer kali ini admin bakalan menjabarkan mengenai cara menonaktifkan fitur mengubah warna header template ICloudice premium saat di scroll

Info: Jika kamu sudah penasaran dengan pembahasan kita kalo ini yuk langsung aja kita bahas bersama sama

Auto ubah warna

Jika kamu pengguna template ICloudice premium, fitur ubah warna header template saat di scroll telah di aktifkan pada saat kamu menerapkan template ICloudice premium pada blog kamu, dan kamu bisa meninaktifkan futur tersebut jika di inginkan

Melalui kode CSS

Nah untuk menonaktifkan fitur mengubah warna header template template ICloudice premium saat di scroll sangat mudah, kita bisa melakukan nya melalui kode CSS alias mengedit sedikit source kode CSS di dalam template ICloudice.com

Cara penerapan

Baiklah sibat ICloudzer sekarang saatnya admin akan menjabarkan mejgenai cara menonaktifkan fitur ubah warna pada template ICloudice premium saat di scroll, silahkan baca dan ikuti setiap arahan yang admin jelaskan di bawah ini

1. Langkah pertama yang bisa kamu lakukan adalah login ke blogger menggunakan akun google milikmu
2. Kemudian silahkan pergi ke menu Themes atau Tema kemudian pilih menu Edit HTML
3. Jika sudah silahkan cari kode CSS seperti di bawah ini

header.show .headCn{background:var(--rahlinkB)}header.show .headInnr{color:var(--rahbodyB)} header.show svg.rahsvg-C{fill:var(--rahbodyB)} header.show svg.line, header.show svg.line .rahsvg-C{fill:none;stroke:var(--rahbodyB)}header.show,.rahremoveBt{border-bottom:var(--rahheaderL) solid var(--rahlinkC);box-shadow:0 2px 8px 0 rgba(0,0,0,.07)}header.show .rahSvgBr53{border:1px solid var(--rahbodyB)!important}

Info: Kode CSS di atas berfungsi untuk mengatur fungsi warna header blog saat di scroll, dan kode CSS aktif alias berfungsi

4. Kemudian ubah kode CSS tersebut dengan kode CSS di bawah ini

/*header.show .headCn{background:var(--rahlinkB)}header.show .headInnr{color:var(--rahbodyB)} header.show svg.rahsvg-C{fill:var(--rahbodyB)} header.show svg.line, header.show svg.line .rahsvg-C{fill:none;stroke:var(--rahbodyB)}*/ header.show,.rahremoveBt{border-bottom:var(--rahheaderL) solid var(--rahcontentL);box-shadow:0 2px 8px 0 rgba(0,0,0,.07)}/*header.show .rahSvgBr53{border:1px solid var(--rahbodyB)!important}*/

Info: Perhatikan kode CSS yang di ubah sesuai seperti yang tertera pada kode CSS di atas

5. Jika sudah langkah selanjutnya silahkan simpan template anda dan lihat bagaimana hasilnya

Pengeditan lainnya

Baiklah jika fungsi warna header berubah secara otomatis saat di scroll telah berhasil anda non-aktifkan, selanjutnya untuk menyesuaikan tampilan pada keseluruhan template blog, berikut ini adalah tahapan untuk menonaktifkan warna background pada Mode Responsif, silahkan di baca dan ikuti setiap arahan yang admin jelaskan di bawah ini

1. Silahkan login ke blogger menggunakan akun google milikmu
2. Kemudian pergi ke menu Theme atau Tema, kemudian pilih menu Edit HTML
3. Langkah selanjutnya silahkan cari kode CSS seperti di bawah ini

.rahremoveBt.vsbl{background:var(--rahlinkB);top:0;/*visibility:visible;opacity:1;*/}.rahremoveBt.vsbl .rahremoveTx:before{color:var(--rahdarkT)}.rahremoveBt.vsbl svg{fill:none;stroke:var(--rahdarkT)}

Info: Fungsi kode CSS di atas adalah untuk mengaktifkan fitur ubah warna pada Mode responsif saat di scroll

4. Jika sudah silahkan ubah dengan kode CSS di bawah ini

.rahremoveBt.vsbl{/*background:var(--rahlinkB);*/top:0;/*visibility:visible;opacity:1;*/}/*.rahremoveBt.vsbl .rahremoveTx:before{color:var(--rahdarkT)}.rahremoveBt.vsbl svg{fill:none;stroke:var(--rahdarkT)}*/

Info: Perhatikan kode CSS yang di ubah sesuai seperti yang tertera pada kode CSS di atas