Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Modifikasi Sajian Sticky Header Template Viomags

Cara Modifikasi Menu Sticky Header Template Viomags Cara Modifikasi Menu Sticky Header Template Viomags


Daftar isi
  1. apa itu sticky
  2. Fungsi Dan Kegunaan
  3. Cara Nonaktifkan Menu Sticky Header Template Viomags
  4. Langkah Langkah Modifikasi CSS
  5. Kesimpulan

apa itu sticky 

Sticky atau floating yakni widget melayang yang dipasang pada sebuah blog untuk mempermudahkan pengunjung untuk melihat banyak sekali sajian dan artikel yang telah disediakan. widget sticky ini sanggup dipasang dimana saja, contohnya pada sticky header, sidebar dan lokasi tertentu tinggal menyesuaikan keinginan. banyak sekali blogger daupun wordpress memakai fitur ini untuk memperindah tampilan.


Fungsi Dan Kegunaan

Fungsi utama widget Sticky ini untuk mempermudahkan pengunjung menelusuri setiap jengkal blog, dengan banyak sekali sajian yang telah disediakan. sebagai pola anda membuka blog itseboy.com lihat pada bab sidebar apabila di scroll kebawah ada bab yang mengikuti. Nah, itu yang dinamakan dengan Sticky.

Cara Nonaktifkan Menu Sticky Header Template Viomags

buat kau yang memakai template viomags pingin menghilangkan sticky pada sajian header, mungkin terbiasa tanpa sajian melayang sanggup gunakan langkah dibawah ini dengan memakai CSS, yuk simak.

Langkah Langkah Modifikasi CSS

1. login ke blog sobat sahabat melalui blogger.
2. pada sajian tema kemudian klik html.
3. cari isyarat dibawah ini pada tab html tema blog
#header-container { background: $(header.background.kiri); background: linear-gradient(to right, $(header.background.kiri), $(header.background.kanan)); -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2); box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2); position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 999; }
jika sudah temukan isyarat tersebut, ganti dengan isyarat dibawah ini.

#header-container { background: $(header.background.kiri); background: linear-gradient(to right, $(header.background.kiri), $(header.background.kanan)); -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.2); box-shadow: 0 3px 10px 0 rgba(0,0,0,0.2); position: absolute; width: 100%; z-index: 999; left:0; top:0; right:0; }

4. bila sudah coba simpan dan lihat hasilnya.
Catata ! sebelum melakukkan modifiasi alangkah baiknya bila kita menghindari resiko error ketika mengedit dengan membackup terlebih dahulu

Kesimpulan

template yang telah anda beli tidak ada duduk perkara untuk dimodifikasi alasannya yakni dengan memodifikasi template menjadi yang diinginkan yakni keterampilan orang tersebut. untuk desain dari template header ini sangat simple dan rapih.

Nah, buat kau yang mau mencoba silahkan jangan lupa komentar dibawah ini jia terdapat duduk perkara pada settinganya. terimkasih