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 »

JANGAN TERLALU MEMBANGGAKAN IBADAHMU

🔓Owner Post Published 🕕
Dari kisah sebelumnya bisa disimpulkan ilmu syareat yang saya pelajari dahulu tidaklah salah.. ilmu syareat itu benar.. hanya syareat tanpa tasawwuf sama saja kosong.. Sholat siang dan malam tapi sering menyakiti dan mendzalimi orang lain padahal Allah berfirman dalam hadits qudsi : “Wahai hamba-Ku, Aku telah mengharamkan kedzaliman atas diri-Ku dan Aku jadikan ia sebagai sesuatu yang haram di antara kalian. Karena itu, jangan kalian saling mendzalimi. Wahai hamba-Ku, kalian semua lapar kecuali yang telah  Aku beri makan. Wahai hamba-Ku kalian semua telanjang, kecuali yang Aku beri pakaian. Karena itu, mintalah pakaian kepada-Ku pasti akan Aku beri kalian pakaian. Wahai hamba-Ku, kalian senantiasa berbuat salah siang dan malam, sementara Aku mengampuni semua dosa kalian. Karena itu, mintalah ampunan kepada-Ku pasti Aku mengampuni kalian. Wahai hamba-Ku, kalian semua tidak akan bisa memberikan bahaya kepada-Ku sehingga mencelakakan-Ku dan tidak akan bisa memberikan manfa...
Posting Komentar
🔗BACA SELENGKAPNYA »

NAMUN AKU BUKAN AKU, BUKAN AKU ADALAH AKU

🔓Owner Post Published 🕕
Hmmmm! jangan katakan bahwa aku adalah aku, aku bukan aku, bukan aku adalah aku. Meskipun kau adalah kau dan aku adalah aku. Namun aku bukan aku, bukan aku adalah aku. Batin dan zahirku adalah engkau, aku bukan aku, bukan aku adalah aku. Gaib dan kehadiranku adalah engkau, aku bukan aku, bukan aku adalah aku. #Ghazal Maulana Rumi dalam Divan Syams Tabrizi# Dalam syair diatas, Maulana Rumi ingin menjelaskan ada 'aku' yang palsu dan ada 'aku' yang asli. Namun tidak mudah menafikan 'aku' yang palsu tuk menemukan 'aku yang asli. Karena itu Rumi senantiasa mengulang-ngulangnya; aku bukan aku Bukan aku adalah aku. Aku palsu adalah aku yang senantiasa nampak. aku palsu adalah aku yang senantiasa menunjukkan identitasnya. Namun bukankah aku pasti menunjukkan identitasnya ? Bukankah identitas pasti menunjukkan aku ? Dan juga bukankah jika aku dinafikan bermakna tak ada lagi yang terlihat atau tak ada lagi identitas ? Maulana ingin men...
Posting Komentar
🔗BACA SELENGKAPNYA »

KELEBIHAN DAN KEKURANGAN KOMUNIKASI NON VERBAL

🔓Owner Post Published 🕕
Kelebihan komunikasi nonverbal Perasaan dan emosi lebih cermat disampaikan lewat pesan noverbal  ketimbang pesan verbal. Pesan nonverbal menyampaikan makna dan maksud yang relatif bebas dari  penipuan, distorsi, dan kerancuan. Sehingga pesan nonverbal memiliki  kesahihan ( realiabilitas) tingkat kepercayaan yang tinggi terhadap kebenaran pesan-pesan yang disampaikan. Pesan nonverbal mempunyai fungsi metakomunikatif yang sangat diperlukan untuk mencapai komunikasi yang berkualitas tinggi. Fungsi metakomunikatif  artinya memberikan informasi tambahan yang memperjelas maksud dan makna  pesan. Pesan nonverbal merupakan cara komunikasi yang lebih efisien  dibandingkan dengan pesan verbal. Karena pesan non verbal tidak harus  berpikir panjang dan para audiens dapat menangkap artinya dengan cepat. Pesan nonverbal merupakan sarana sugesti yang paling tepat. Memberi sifat, melengkapi, menentang atau mengembangkan pesan-pesan  verbal. Faktor-fak...
Posting Komentar
🔗BACA SELENGKAPNYA »