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

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 »

KOMUNIKASI VERBAL

🔓Owner Post Published 🕕
KOMUNIKASI VERBAL :  Istilah verbal dalam kamus bahasa indonesia adalah lisan, maksudnya   komunikasi dilakukan antara pembicara dan pendengar hanya menggunakan lisan   saja. Sedangkan dalam ilmu komunikasi menyatakan bahwa istilah komunikasi   verbal yaitu proses penyampaian informasi berupa lisan dan tulisan. Komunikasi verbal adalah bentuk komunikasi yang ada dalam kehidupan manusia  dalam hubungan atau interaksi sosialnya pengertian komunikasi verbal   (verbal communication) adalah bentuk komunikasi yang disampaikan  komunikator kepada komunikan dengan lisan (oral) atau tulisan (written).  Dari pengertian komunikasi verbal tersebut maka jelas peranannya sangat   besar karena sebagian proses komunikasi langsung dengan komunikasi verbal   ide-ide, pemikiran atau keputusan lebih mudah disampaikan secara verbal   daripada non verbal. Pada komunikasi verbal ini komunikan juga lebih mudah...
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 »

WAKTU

🔓Owner Post Published 🕕
Pada sebuah hari yang disebut “1 Januari”, dunia  disatukan sebuah ilusi. Ada “tahun baru”. Seakan-akan tahun — dianggap mewakili  waktu dan diberi nomor, misalnya 2022 — adalah panggung  yang berbatas  tiang dan layar.  Panggung itu berganti-ganti secara periodik, dan di sanalah hidup kita digelar. Tiap kali  layar dibuka lagi setelah 12 bulan,  kata “baru” jadi ajektif yang dengan meriah diteriakkan. Seperti  sebuah konsensus,  atau mungkin kelatahan — setidaknya di dunia kota besar —  gelas berdenting; sirene melolong; trompet-trompet kertas ditiup  mulut yang basah; lagu dan kata-kata, juga doa pendek,  dinaikkan ke udara. Manusia — di Jakarta, Seoul, KL,  Ryadh, Paris, New York, Rio, Tokio, dan entah  mana lagi — seperti sedang bertemu di satu saat yang sama.  Tapi kita tahu, itu hanya ilusi.  Apa  yang disebut “1 Januari” tak satu:  di Wladiwostok berbeda sekian jam  dari di Wonokromo. K...
Posting Komentar
🔗BACA SELENGKAPNYA »