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

DAGING- DAGING

🔓Owner Post Published 🕕
Sepuluh (10) ribu tahun silam, manusia mulai mendomestikasi hewan dan tumbuhan. Hewan-hewan liar ditangkap, dilatih, dirawat, dan dikembangbiakkan. Manusia tak perlu lagi berburu untuk memakan daging.  Manusia adalah spesies luar biasa. Ia tak hanya unggul dibanding hewan-hewan lain, tapi juga menaklukkan, mengatur, dan menentukan nasib alam raya. Alam menyediakan tanah, manusia menyulapnya menjadi gerabah. Alam menyediakan logam, manusia mengubahnya menjadi roket dan pesawat terbang. Manusia terus berinovasi, mencari solusi untuk mengatasi keterbatasannya. Industri hewan mencapai titik jenuh yang membahayakan manusia. Hewan ternak menyumbang 15% dari pemanasan global. Belum lagi perilaku manusia yang brutal dalam memperlakukan hewan. Manusia membutuhkan jutaan ton daging setiap hari, yang diperoleh dengan cara membantai ribuan sapi, kambing, ayam, dan hewan ternak lainnya. Sebelum dibantai, mereka digemukkan dengan cara-cara yang tak etis dan berbahaya bagi kesehatan manusia. Untu...
Posting Komentar
🔗BACA SELENGKAPNYA »

SALAH PILIH

🔓Owner Post Published 🕕
Tak ada model negara Islam yang berhasil. Ketika sukses meruntuhkan rezim Pahlevi pada 1979, rakyat Iran memilih Islam sebagai dasar negara. Mereka mengganti bentuk negara yang semula kerajaan menjadi republik. Republik Islam Iran namanya. Tapi, setelah 40 tahun menjalaninya, terbukti bahwa pilihan ideologi Islam itu salah. Bukannya menjadi negara maju dan makmur, Iran malah menjadi negara yang dibenci dan dimusuhi banyak orang. Kini, negara itu bukan hanya dimusuhi negara lain, tapi juga dibenci rakyatnya sendiri. Gelombang protes terus membesar. Sudah lebih dari 50 orang tewas. Mereka bukan sekadar protes terhadap aturan jilbab, tapi juga meneriakkan kecaman pada rezim: "Mampuslah diktator!" Rakyat Iran sudah muak dengan perilaku rezim Islam yang tak memberikan kebahagiaan. Tapi, justru menghadirkan malapetaka bagi mereka. Baca Juga :  Satu-juta-tahun Iran adalah contoh negara Islam yang gagal. Seperti juga negara-negara Islam lain, Iran tak mampu menghadirkan apa yang mere...
Posting Komentar
🔗BACA SELENGKAPNYA »

AN NIFARI SANG PENGELANA YANG ENGGAN BICARA

🔓Owner Post Published 🕕
An-Nifari, Sang Pengelana yang Enggan Bicara Ketinggian tokoh sufi dari Irak ini konon melebihi Rumi dan Hallaj. Dia adalah teoritikus sufi sekaligus sastrawan besar. “Ketika kita sudah melakukan sesuatu dengan baik dan bersungguh-sungguh, mengapa harus meributkan penilaian orang lain? Bukankah Ridha-Nya yang kita harapkan?” Nama mistikus ini agak asing di telinga kita. Tidak seperti al-Hallaj, ia seakan kurang begitu terdengar. Padahal dimata para ahli tasawuf, pandangan-pandangan sufistiknya sangat berpengaruh. Terbukti dari banyaknya para sufi sesudahnya yang banyak mengikutinya. Dia adalah An-Nifari, yang telah meninggalkan jejak kesufian yang luar biasa. Dalam memaknai tasawuf, misalnya, ia lebih berhati-hati. Itu sebabnya ia menjadi panutan bagi para sufi yang lain. Nama lengkapnya ialah Muhammad ibnu Abdul Jabbar bin al-Husain an-Nifari. Di dunia sastra klasik Irak, namanya menjulang karena karya-karyanya yang masyhur. Tapi sejarah hidupnya sulit dilacak. Menurut c...
Posting Komentar
🔗BACA SELENGKAPNYA »

SATU JUTA TAHUN

🔓Owner Post Published 🕕
Kalau Anda berlangganan Disney Hotstar, tontonlah Year Million, sebuah fim dokumenter tentang kehidupan manusia sejuta tahun ke depan. Istilah "year million" bukan benar-benar berarti satu juta tahun dari sekarang. Ini hanyalah sebuah istilah untuk merujuk masa depan yang telah berubah secara radikal, masa depan ketika manusia, homo sapiens, sudah bertransformasi menjadi transhuman, manusia robot . Ia bisa saja terjadi lebih cepat dari itu. Bisa 1000 tahun lagi, bisa 500 tahun lagi, atau mungkin juga 100 tahun lagi. Intinya, perubahan ke arah itu adalah sebuah kepastian. Manusia akan hidup dengan cara yang tak lagi sama.  Pada episode pertama, Sapiens 2.0, sepasang suami-isteri kehilangan anaknya dalam sebuah kecelakaan mobil. Lalu, sebuah piranti terbang, meminta persetujuan agar ia mendownload seluruh memori pada otak anaknya yang telah meninggal. Setelah disetujui, otak anak didownload, dan dalam 72 jam kemudian, sang anak kembali pulih dalam bentuk robot yang memiliki sem...
Posting Komentar
🔗BACA SELENGKAPNYA »

BAGAIMANA CARA AGAR BLOG KITA MUNCUL DIGOOGLE?

🔓Owner Post Published 🕕
Setelah memiliki blog, maka selanjutnya yang perlu Anda pikirkan adalah bagaimana cara menampilkan Blogspot di Google. Memiliki blog dan konten belum berarti Anda telah berhasil mempromosikan brand awareness terhadap masyarakat luas. Nyatanya, 75% orang hanya akan masuk ke website yang berada pada halaman pertama hasil pencarian. Untuk dapat menampilkan blog Anda di halaman utama hasil pencarian, Anda dapat mencoba beberapa tips ini: Optimasi Link Off Pasar Banyak sekali pakar SEO setuju bahwa 80% efektivitas dari kampanye SEO adalah kontribusi dari teknik yang dibangun dari link off page. Kunci utama dalam optimasi link off page adalah backlink. Backlink sangat penting karena berlaku seperti voting untuk website Anda dan memberitahu mesin pencari bahwa website lain menyukai informasi dari website Anda. Semakin banyak web yang memiliki link atau voting ke web Anda, semakin tinggi peringkat web Anda muncul dalam halaman utama hasil pencarian. Analisis Persaingan Pasar Untuk menyamakan p...
Posting Komentar
🔗BACA SELENGKAPNYA »