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

DEFINISI WALI ALLAH DALAM KAJIAN TASAWUF

🔓Owner Post Published 🕕
Sebagian dari kita bersikap “lancang” mengukur kesalehan orang lain dengan menjatuhkan vonis kewalian dan ketidakwalian orang lain. Ini jelas bukan tugas utama kita. Kita sering mendengar kata “wali” atau “waliyullah” dalam khazanah keislaman, terutama pada kajian tasawuf.  Kata ditafsirkan apa saja oleh orang banyak yang umumnya dimaknai sebagai orang yang melekat dengan karamah atau keramat. Abul Qasim Al-Qusyairi dalam karyanya Ar-Risalah Al-Qusyairiyyah mengangkat pengertian wali.  Ia menyebut dua kemungkinan kandungan makna kata tersebut. Kata “wali” dapat ditarik ke dalam wazan mubalaghah atau wazan fa’īl dengan makna maf’ūl. فإن قيل  فما معنى الولي قيل يحتمل أمرين: أحدهما أن يكون فعيلاً مبالغة من الفاعل؛ كالعليم، والقدير وغيره، فيكون معناه: من توالت طاعاته من غير تخلل معصية Artinya, “Jika ditanya, ‘Apa makna wali?’ maka jawabnya, ia mempunyai dua kemungkinan.  Pertama, kata ‘wali’ mengikuti wazan ‘fa‘īl’ sebagai mubalaghah dari fā’il, sejenis makna superlatif ...
Posting Komentar
🔗BACA SELENGKAPNYA »

APA ITU RUH

🔓Owner Post Published 🕕
Apa itu Ruh ? Firman Allah dalam surah Al-Isra ayat 85 : "Dan mereka bertanya kepadamu tentang ruh. Katakanlah: “Ruh itu termasuk urusan Tuhan-ku, dan tidaklah kamu diberi pengetahuan melainkan sedikit”. Firman Allah diayat ini menyatakan bila ilmu tentang Ruh ini yang dapat diungkap pengetahuannya kepada para hamba-Nya hanyalah sedikit saja. Nabi Muhammad sebagai Utusan Allah juga sama seperti manusia biasa yang mempunyai sisi manusiawi yang memiliki umur dan usia. Rasulullah memiliki keterbatasan waktu di dunia ini untuk menjalankan tugas Dakwahnya kepada para ummatnya setelahnya, maka kemudian Allah mewariskan tugas ini kepada para ulama yang shalih yang sudah mencapai kesucian ruh dan beberapa telah Allah berikan bashiroh (pandangan yang jelas) kepadanya. Siapa mereka? Mereka adalah para Wali Allah. Para Wali Allah sebagai ahli bashiroh telah dibukakan mata hatinya untuk mengetahui jalan menuju Allah, mereka inilah yang disebut Warasatul Anbiya. Post ini adal...
Posting Komentar
🔗BACA SELENGKAPNYA »

TUJUH HAL YANG DIABAIKAN DALAM MEMULAI USAHA

🔓Owner Post Published 🕕
7 Hal Yang Diabaikan dalam Memulai Usaha Kuliner Usaha kuliner memang sudah mewabah sejak lama di Indonesia. Banyak usahawan dan usahawati sudah mengenyam kesuksesan setelah menggeluti usaha kuliner dengan modal yang pas-pasan. Ini memang bukan membangun bisnis dalam satu malam, karena dibutuhkan waktu yang panjang dan kerja keras. Bisnis Kuliner Meskipun demikian banyak hal penting yang sering diabaikan pengusaha kuliner, diantaranya: 1. Usaha Kuliner Berhubungan dengan Rasa Secara otomatis, makanan enak akan selalu diburu orang. Namun yang perlu Anda ketahui adalah bagaimana membuat cita rasa makanan yang kamu jual selalu stabil dan tidak pernah berkurang meskipun usaha Anda sudah maju. Konon banyak usaha kuliner yang menurunkan kualitas cita rasanya saat mereka sudah maju. 2. Usaha Kuliner Berhubungan dengan Kesabaran Jangan berpikir kalau Anda langsung untung besar saat pertama kali membuka usaha kuliner. Usaha ini berhubungan erat dengan kesabaran yang kamu...
Posting Komentar
🔗BACA SELENGKAPNYA »

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 »

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 »