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

POLA PIKIR ORANG SUKSES DALAM BERFIKIR

🔓Owner Post Published 🕕
1. Orang yang sukses adalah orang yang berani untuk berjalan-jalan dengan kegagalan….. orang yang sukses adalah orang berteman dengan kegagalan……… karena orang yang sukses mengenal arti kegagalan; 2. Kerjakanlah apa yang bisa kamu kerjakan hari ini sebab esok hari belum tentu kita bisa mengerjakan apa yang seharusnya kita kerjakan………; 3. Sukses seringkali datang pada mereka yang berani bertindak, dan jarang menghampiri penakut yang tidak berani mengambil konsekuensi...; 4. Apapun yang terjadi berbahagialah dan selalu berterimakasih, berusaha untuk lebih baik dan sehat lagi. jangan lupa untuk membantu dan membahagiakan orang lain. 5. Dalam Hidup ada 2 pilihan, “anda mau maju sebagai pemenang atau mundur sebagai pecundang”; 6. Yang belum terlihat bukan berarti tidak ada, yang belum berhasil bukan berarti gagal dan yang belum diraih bukan berarti tidak pernah Karena dimana ada IMAN pasti ada JALAN KELUAR; 7. Tidak selamanya pemenang itu benar.. Tetapi seseoran...
Posting Komentar
🔗BACA SELENGKAPNYA »

ABDULLAH AL MUBARAK : ANTARA CINTA ASMARA DAN CINTA ALLAH

🔓Owner Post Published 🕕
Abdullah Al-Mubarak : Antara Cinta Asmara dan Cinta Allah Sejak muda ia sudah bertobat dan mendapat pencerahan cahaya Ilahiah. Wali yang doanya makbul ini juga dikenal sebagai ahli hadits dan hartawan yang dermawan. Suatu hari, anak muda itu tergila-gila kepada seorang gadis. Iapun terus menerus dirundung gundah gulana yang sangat dalam. Ia memuja dan mendambakan kekasih hatinya. Setiap detik selalu teringat si jantung hati. Suatu malam, di musim dingin, ia berdiri di bawah jendela kamar sang kekasih, menunggu sang pujaan. Ia rela berlama-lama di situ sekedar untuk menatapnya walau hanya sekejap. Butiran-butiran salju yang membasahi bajunya tak membuatnya gentar, ia tetap saja termangu sepanjang malam, menunggu si pujaan hati menampakkan parasnya. Sesaat terdengar alunan azan yang memecah keheningan hari yang beranjak menjadi malam. Dingin dan senyap. Tapi justru saat itulah cintanya melampaui ruang dan waktu. Mengalahkan dinginnya malam. Tak terasa ia sudah berjam-jam te...
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 »

MENYIKAPI JADZAB WALI ALLAH

🔓Owner Post Published 🕕
Menyingkap Jadzab Dalam khazanah kesusasteraan Jawa kita mengenal yang namanya Suluk Linglung yang merupakan nama lain dari Suluk Syaikh Malaya. Karya sastra yang diperkiran buah tangan Pangeran Kadilangu tersebut merupakan adaptasi dari Serat Dewa Ruci gubahan Yasadipura I, embah canggah sang pujangga penutup pengarang Serat Jayengbaya: Ronggawarsita. Alkisah, Syaikh Malaya—yang secara harfiah berarti mlaku atau berjalan—yang merupakan gelar lain Sunan Kalijaga, hendak menunaikan ibadah haji. Tapi, di ambang sadarnya, ia dijumpai oleh Nabi Khidhir di mana dalam Serat Dewa Ruci di sebut sebagai Sang Marbudengrat alias Dewa Ruci. Saya tak akan menceritakan ulang kisah suluk yang dalam arti sebenarnya adalah perjalanan ruhani tersebut. Banyak orang telah paham tentang kisah pencarian dan pertemuan Bima Sena dengan Dewa Ruci. Saya kira yang menarik di sini adalah bahwa fenomena spiritual yang dialami Bima Sena dalam pewayangan Jawa dialami pula oleh Sunan Kalijaga. Dengan ka...
Posting Komentar
🔗BACA SELENGKAPNYA »

PELUANG USAHA BARU DARI BURGER IKAN LAUT

🔓Owner Post Published 🕕
Peluang Usaha Baru Dari Burger Ikan Laut Hamburger atau biasa juga disingkat menjadi burger merupakan kuliner yang berasal dari Eropa. Burger sangat identik dengan roti bulat yang diiris menjadi 2 bagian, kemudian diisi dengan saus mayonaise, keju, selada dan daging. Beberapa tahun belakangan ini burger mulai populer di Negara Indonesia, sehingga tidak heran jika seiring berjalannya waktu banyak outlet burger yang mulai bermunculan. Selama ini kuliner burger memang banyak dikenal oleh masyarakat sebagai makanan junk food yang kurang baik bagi kesehatan tubuh jika terlalu sering dikonsumsi.   Namun, anggapan dari kuliner kurang sehat ini tentunya bisa diubah menjadi salah satu kuliner yang banyak mengandung gizi.   Caranya, dengan menghadirkan olahan hasil ikan laut sebagai pengganti dari irisan daging yang merupakan isian di dalam burger. Banyaknya peluang usaha baru yang semakin cerah dengan aneka olahan ikan, maka kuliner burger ikan laut pun bisa menjad...
Posting Komentar
🔗BACA SELENGKAPNYA »