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

DIRI SEBENAR DIRI

🔓Owner Post Published 🕕
Berkatalah Arifbillah: DIRI SEBENAR DIRI itu ialah : BADAN AKAL ROH SIRR (rahasia) NUR (cahaya) HAKIKAT (Zat yang Mutlak) DIRI TERPERI itu ialah : DIRI yg mengikut segala perintah yaitu SIFAT ADAM (sifat kita). Yang senantiasa mengikut segala perintah daripada yang sebenar-benar DIRI yaitu ZAT MUTLAK. DIRI TERDIRI itu ialah : Antara ZAT dengan SIFAT antara ALLAH dan MUHAMMAD SIFAT berdiri pada ZAT walaupun berlainan tapi tidak bersalahan, tiada yg lain melainkan DIA jua. Inilah yg wajib kita NAFIKAN, ibarat CAHAYA MATAHARI daripada MATAHARI. Tapi bukanlah CAHAYA itu MATAHARI, atau MATAHARI itu CAHAYA, jadi kita itu ibarat sandaran DIA saja. Inilah yg dikatakan tidak BERCERAI dan tidak pula BERSEKUTU. dalam NAFI ada mengandung ISBAT. DIRI TAJALLI itu ialah : DIRI yg senantiasa hadir didalam PENGLIHATAN kita (marifat kita) Disinilah kita membuat PENGAKUAN, dengan sebenar-benar PENGAKUAN, bahwa ALLAH itu : seZAT, seSIFAT, seASM...
Posting Komentar
🔗BACA SELENGKAPNYA »

HALAL BIHALAL PDAM KOTA PONTIANAK

🔓Owner Post Published 🕕
PDAM Kota Pontianak melaksanakan halal bihalal sabtu tanggal 27 Oktober 2007 dihalaman Surau Almutahhroh kantor PDAM dihadiri seluruh jajaran staf, pejabat, 3 Direksi yaitu ; Dirut Syahril Japarin, Dirum, Dirtek serta keluarga besar PDAM Kota Pontianak dan para undangan serta menghadiri bapak Ustad Drs. Abdul Aziz, yang dalam ceramahnya jangan "selingkuh" yang sudah berkeluarga dan harmonisasi hubungan atasan dan bawahan harus dijaga. Ketika pak ustad mengulangi kalimat selingkuh karyawan dan karyawati tersenyum simpul. Baca Juga :   Pdam-kota-pontianak-milik-pemkot Selingkuh adalah perilaku melanggar komitmen hubungan, yang akhirnya melukai rasa percaya dalam sebuah hubungan romantis. Oleh karena itu, batasan selingkuh tiap pasangan bisa berbeda, tergantung pada komitmen hubungan mereka masing-masing. Misalnya, Sinta bisa saja berpendapat bahwa jika Rama menonton film porno, ia telah berselingkuh. Sementara menurut Budi, Ani berselingkuh jika melakukan hubungan seksual d...
9 komentar
🔗BACA SELENGKAPNYA »

SOLUSI DARI SETIAP PERMASALAHAN

🔓Owner Post Published 🕕
Tidak ada satu pun dari manusia di dunia ini yang tidak memiliki masalah. Namanya juga hidup, selalu ada gejolak dan permasalahan yang akan muncul, selalu ada rintangan yang menghadang, selalu ada cobaan yang menguji. Sebagai manusia, tugas kita adalah menghadapi setiap permasalahan itu, dan menjalani hidup sebaik mungkinsebagai khalifah Allah di muka bumi. Sebenarnya, jika kita mau mempelajari Alquran dengan baik, Allah memberikan petunjuk atas setiap permasalahan kita dalam Alquran. Solusi setiap permasalahan yang berhubungan dengan rezeki, hubungan antar sesama, bahkan permasalahan yang sifatnya vertical yaitu hubungan kita dengan Allah. Jika kita dilanda permasalahan, bacalah Alquran dan carilah solusi dari permasalahan kita di dalamnya. Yakinlah, bahwa semua permasalahan kita akan segera berlalu, dan permasalahan yang sedang kita alami merupakan ujian dari Allah untuk mengangkat derajat kita ke tempat yang lebih tinggi, sebab Allah tidak akan pernah memberi ujian melebihi ...
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 »

APA ITU DOMAIN AUTHORITY DAN PAGE AUTHORITY !??

🔓Owner Post Published 🕕
Saat melakukan optimalisasi SEO, mungkin kamu pernah menemui istilah DA atau PA. DA dan PA merupakan singkatan dari Domain Authority dan Page Authority. Kamu bisa temukan istilah ini misalnya ketika melakukan analisis SERP sebuah website, atau ketikan melakukan riset keyword. Kamu bisa lihat pada gambar berikut yang merupakan contoh analisis SERP website menggunakan MOZ : Nilai skor DA atau PA menjadi salah satu hal yang berpengaruh terhadap kualitas SEO pada sebuah website. Semakin tinggi nilai DA/PA  suatu website, maka kualitas optimalisasi SEO yang dilakukan juga semakin bagus. Tentu juga akan mempermudah website tersebut mendapat posisi yang bagus pada halaman hasil pencarian Google. Apa Itu Domain Authority? Dikutip dari MOZ  mengatakan, Domain Authority adalah skor yang menunjukkan seberapa baik peringkat website yang dinilai melalui alamat domain yang digunakan. Skor Otoritas Domain dihitung dari 1 hingga 100. Skor yang lebih tinggi dianggap lebih berpotensi mendapat p...
Posting Komentar
🔗BACA SELENGKAPNYA »