CARA MEMBUAT MENU NAVIGASI STICKY ALIAS FIX DIBAWAH /HEAD> CARA MEMBUAT MENU NAVIGASI STICKY ALIAS FIX DIBAWAH /HEAD> - SUARA HARIAN OTO BEMO BERODA TIGA
Suara Harian Oto Bemo Beroda Tiga

Komunikasi, Media Ilmu & Pengetahuan Umum Blogging

Langsung ke konten utama

"OTO BEMO.. OTO BEMO.. BERODA TIGA .. TEMPAT BERHENTI.. DITENGAH TENGAH KOTA..PANGGIL NONA..PANGGIL NONA..NAIK KERETA..NONA BILANG..TIDAK PUNYA UANG.. JALAN KAKI SAJA"

CARA MEMBUAT MENU NAVIGASI STICKY ALIAS FIX DIBAWAH /HEAD>

Gambar
🔓Owner Post Published 🕕
HOME GOOGLE CARA MEMBUAT MENU NAVIGASI STICKY ALIAS FIX DIBAWAH /HEAD>

Home CSS  html  JavaScript  menu  navigasi, serial tutorial khusus, cara membuat menu sticky cocok untuk tempalte Essential, Contempo, Emporio, Soho, dan Notable, namun Notable hasil kurang mantap.

Mari kita coba sticky Menu Navigasi dibawah ini, dan membuktikan apakah kita dapat menerapkannya pada template blogger kita. Perhatikan cara membuatnya:

Sebaiknya back up template anda terlebih dahulu untuk berjaga jaga

Masuk ke pengaturan blogger

Pilih Tema

Pilih opsi editHTML

Langkah pertama: Cari kode </head> lalu copy kode dibawah ini dan pastekan dibawah </head> .

<div id="navbar">

<a href="#home">Home</a>

<a href="#news">News</a>

<a href="#contact">Contact</a>

</div>

Langkah kedua: Cari kode ]]></b:skin> lalu copy kode dibawah ini dan pastekan diatas kode tadi. Jika ingin merubah background color, maka bisa diganti warna sesuai selera anda yang ditandai berwarna background color merah,  #333.

/* Style the navbar */

#navbar {

overflow: hidden;

background-color: #333;

}

 

/* Navbar links */

#navbar a {

float: left;

display: block;

color: #f2f2f2;

text-align: center;

padding: 14px;

text-decoration: none;

}

 

/* Page content */

.content {

padding: 16px;

}

Langkah ketiga: Tambahkan kode JavaScript dibawah ini letakan diatas kode </body>:

<script>window.onscroll = function() {myFunction()};var navbar = document.getElementById("navbar");var sticky = navbar.offsetTop;function myFunction() { if (window.pageYOffset >= sticky) {

navbar.classList.add("sticky")

} else {

navbar.classList.remove("sticky");

}

}</script>

Save tema

Catatan templat dapat menerapkan ini, pada beberapa kasus khusus harus diformat terlebih dahulu. Apabila  dan jika sticky  dan search mengalami pembekuan, maka lakukan perbaikan dan tambahan kode, kunjungi artikel ini Cara-menghilangkan-efek-lengket



Bagaimana Reaksi Anda Tentang Artikel Ini?

Komentar

Posting Komentar

SILAKAN KOMENTAR SESUAI TOPIK.....

POPULAR POST

HABIB LUTHFI DIURUTAN KE 32 DARI 500 MUSLIM PALING BERPENGARUH DIDUNIA

🔓Owner Post Published 🕕
Habib Luthfi Rais Aam Jam'iyyah Ahlit Thariqah Al-Mu'tabarah An-Nahdliyah (JATMAN) Maulana Habib Muhammad Luthfi bin Yahya kembali masuk dalam 500 Muslim Paling Berpengaruh di dunia 2021, tepatnya di urutan ke-32 seperti dirilis The Muslim 500.  Dalam klasifikasi cendekiawan dan ulama, Habib yang mendapat gelar doktor honoris causa dari Universitas Negeri Semarang (Unnes) itu berada di urutan ke-19.  Di tahun sebelumnya (2020), Anggota Dewan Pertimbangan Presiden (Wantimpres) ini berada di urutan ke-33, ke-37 di tahun 2019, dan ke-41 di tahun 2018.  Habib Luthfi dinilai berpengaruh karena telah mendirikan ribuan sekolah, masjid, dan zawiah di Indonesia.  Selain itu, Habib Luthfi juga memiliki jutaan pengikut.  Kanzus Shalawat, sebuah majelis yang didirikannya di Pekalongan, Jawa Tengah tak pernah sepi dari jamaah. Ia menekankan akan pentingnya laku spiritual dan beragam bacaan wirid.   Di samping itu, sebagaimana diketahui, Habib Luthfi juga menginisia...
Posting Komentar
🔗BACA SELENGKAPNYA »

TIPS PENTING DALAM MEMULAI BISNIS DENGAN TOKO ONLINE

🔓Owner Post Published 🕕
Tips Penting Dalam Memulai Bisnis dengan Toko Online  Untuk memulai bisnis hal yang perlu pertama kali anda harus ketahui adalah bagaimana meletakkan Mindset anda yang benar pada bisnis tersebut.  Dan begitupun dengan bisnis toko online atau Dropshipping atau secara umum bisnis yang menjual produk dengan menggunakan Toko online. Agar bisnis anda bisa berjalan sebagaimana mestinya sesuai dengan hasil yang Anda harapkan. Berikut Tips penting yang perlu Anda pelajari untuk memulai bisnis dengan toko online ataupun dropshipping : 1. Siap Melayani Sang “Raja” Persiapan mental Anda untuk melayani pembeli seperti yang kita sering kita dengar “Pembeli Adalah Raja” itu ada benarnya tapi tidak seutuhnya benar apalagi pembeli yang juga tidak beretika.  Nah dalam hal ini Anda harus benar benar siap melayani (Menjawab pertanyaan, Ingin di respon cepat dan produk yang sesuai harapan) dan mempersiapkan hal yang apa saja yang akan membantu dalam hal Ini, misalnya Hp yang d...
Posting Komentar
🔗BACA SELENGKAPNYA »

MAKRIFAT RASA DALAM KOPI

🔓Owner Post Published 🕕
Banyak sekali hal baik yang bisa kita ambil soal kedalaman rasa bagi pecinta kopi. Tapi bicara soal potensi diri dan kualitas diri tanpa teori, hanya sekedar menggunakan rasa. Jika kita bisa mendalami rasa, maka kita akan menemukan surga dalam diri. Sangat dalam, bahkan ada rasa di dalam rasa yang tidak bisa dipahami dengan pendekatan ilmu tampak manapun. Karena tidak semua hal harus dengan pembuktian kasat mata, karena faktanya banyak yang kita percaya meski tidak pernah ia menampakkan diri, bahkan belum pernah kita lihat sama sekali. Apa kamu pernah melihat Tuhan, malaikat, Nabi nabi, hingga melihat bentuk gelombang suara, jaringan internet dan sms yang ghaib karena bisa mengirim kata dengan cepat dalam jarak yang sangat jauh? Seperti apa bentuknya? Kenapa kamu percaya? Jika kita bisa mengolah rasa yang tidak bisa dilihat seperti itu maka, Tujuanmu bekerja menjadi bukan untuk kaya seperti Kaum Sudra Tujuanmu belajar dan berlatih bukan untuk pintar dan kuat s...
Posting Komentar
🔗BACA SELENGKAPNYA »

MANAJEMEN PENGOLAHAN SAMPAH UNTUK PERKOTAAAN

🔓Owner Post Published 🕕
Manajemen Pengelolaan Sampah untuk Perkotaan. Sampah adalah bahan yang tidak mempunyai nilai atau tidak berharga untuk maksud biasa atau utama dalam pembikinan atau pemakaian barang rusak atau bercacat dalam pembikinan manufktur atau materi berkelebihan atau ditolak atau buangan (Kementerian Lingkungan Hidup, 2005). Dalam Undang-Undang No.18 tentang Pengelolaan Sampah dinyatakan definisi sampah sebagai sisa kegiatan sehari-hari manusia dan/atau dari proses alam yang berbentuk padat. Pengelolaan Sampah adalah kegiatan yang sistematis dan berkesinambungan yang meliputi pengurangan dan penanganan sampah (Kementrian Lingkungan Hidup, 2007). Sampah adalah suatu bahan yang terbuang atau dibuang dari sumber hasil aktivitas manusia maupun proses alam yang belum memiliki nilai ekonomis (Suprihatin, 1999). Sementara itu Radyastuti, 1996 (dalam Suprihatin, 1999) menyatakan bahwa Sampah adalah sumberdaya yang tidak siap pakai. Keberadaan sampah dalam jumlah yang banyak jika tidak dik...
Posting Komentar
🔗BACA SELENGKAPNYA »

TEORI POLITIK

🔓Owner Post Published 🕕
Politik adalah proses pembentukan dan pembagian kekuasaan dalam masyarakat yang antara lain berwujud proses pembuatan keputusan, khususnya dalam negara. Pengertian ini merupakan upaya penggabungan antara berbagai  definisi yang berbeda mengenai hakikat politik yang dikenal dalam ilmu  politik. Politik adalah seni dan ilmu untuk meraih kekuasaan secara konstitusional  maupun nonkonstitusional. Di samping itu politik juga dapat ditilik dari sudut pandang berbeda, yaitu antara lain: Politik adalah usaha yang ditempuh warga negara untuk mewujudkan kebaikan bersama (teori klasik Aristoteles), politik adalah hal yang berkaitan dengan penyelenggaraan pemerintahan dan  Negara, politik merupakan kegiatan yang diarahkan untuk mendapatkan dan   mempertahankan kekuasaan di masyarakat, politik adalah segala sesuatu tentang proses perumusan dan pelaksanaan kebijakan publik. Teori politik merupakan kajian mengenai konsep penentuan tujuan politik, bagaimana mencapai...
Posting Komentar
🔗BACA SELENGKAPNYA »