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

BERPIKIRAN TERBUKA DAPAT MENGEVALUASI DIRI

🔓Owner Post Published 🕕
Pikiran terbuka menjadi jalan untuk dapat mengevaluasi diri sendiri. Melalui pikiran terbuka, anda mampu untuk menilai diri secara objektif. Pikiran terbuka tidak hanya mampu membuat orang lain sekitar anda bertahan dan merasa nyaman. Sebab, pikiran terbuka juga mendatangkan kebaikan bagi anda di masa mendatang. Berpikiran terbuka termasuk salah satu karakter wirausahawan sukses. Dengan mengembangkan pikiran terbuka, anda dapat mengambil hal positif yang berada di luar diri sendiri. Jika terbiasa berpikir positif, anda akan selalu melihat peluang di setiap kesempatan hidup. Seorang pekerja yang berorientasi sukses akan selalu memiliki pikiran terbuka untuk memunculkan ide-ide kreatif, aplikatif, serta penuh solusi. Berpikir terbuka pada hakikatnya sama dengan berpikir positif. Secara definitif, berfikir terbuka atau open minded  ialah memiliki kemampuan untuk menerima hal atau ide baru dan berbeda dari orang lain. Meskipun gagasan orang lain tampak buruk, dengan pikiran...
Posting Komentar
🔗BACA SELENGKAPNYA »

PENTINGNYA MEMPERBAIKI TAMPILAN LUAR

🔓Owner Post Published 🕕
Pepatah Inggris mengatakan : “Don’t judge a book by it’s cover”, yang secara harfiah berarti : jangan menilai sebuah buku hanya dari sampulnya. Pepatah tersebut memiliki makna bahwa hendaknya kita tidak menilai seseorang atau sesuatu hanya melalui tampilan luarnya. Namun dalam kehidupan sehari-hari, pepatah tersebut seringkali kita abaikan dan bahkan tidak relevan dalam keseharian kita dalam berinteraksi dengan orang lain. Sering kali kita menilai sesuatu hanya melalui tampilan luar atau apa yang bisa kita lihat secara kasat mata. Dalam kehidupan sehari-hari, pepatah “Jangan menilai sebuah buku hanya dari sampulnya” seringkali tidak relevan. Kita sering merasakan bahwa kesan pertama sangatlah penting dalam mempengaruhi penilaian seseorang terhadap sesuatu. Sebagai contoh, ketika kita memilih buku-buku yang dalam keadaan tersegel sehingga kita hanya dapat melihat dan membaca tulisan pada sampulnya, tentu kita akan menilai buku-buku tersebut melalui tampilan sampulnya sebab kita t...
Posting Komentar
🔗BACA SELENGKAPNYA »

MANAJEMEN PERUBAHAN

🔓Owner Post Published 🕕
Perubahan bisnis dan lingkungannya dengan begitu cepat harus diiringi pula dengan manuver-manuver jitu jika tidak ingin terlindas atau kalah dari kompetisi. Perubahan ini tidak hanya berdampak terhadap sistem, tapi juga pelaksana sistem itu sendiri, yaitu Manusia. Yang selanjutnya menjadi masalah adalah elemen manusia merupakan bagian yang memiliki resistensi (penolakan) paling besar. Istilahnya adalah Status Quo. Maka dari itu, dibutuhkan sebuah pendekatan agar Manusia, sebagai elemen paling penting, memiliki pandangan yang positif terhadap perubahan, bahkan siap menjadi bagian di dalamnya. Pendekatan ini disebut Change Management atau Manajemen Perubahan. Secara definisi, Change Management adalah sebuah proses terstruktur dan sistematis untuk membantu transisi individu, tim kerja, ataupun organisasi dari sebuah kondisi ke arah tujuan yang diinginkan. Komponen yang harus ada di dalam Change Management adalah : Motivating Change. Mendorong kesiapan untuk berubah dan mengatasi ...
Posting Komentar
🔗BACA SELENGKAPNYA »

TIGA TRIK RAHASIA MENJADI PEMIMPIN YANG DISEGANI

🔓Owner Post Published 🕕
Gunakan kompetitor sebagai motivator Kompetitor bisa jadi adalah teman terbaik Anda. Ya, mereka bisa menjadi  acuan dalam bekerja. Biarkan staf Anda melihat ‘keluar’ dan tahu bagaimana  kompetitor bekerja serta memenuhi target agar terpacu untuk bekerja  melebihi mereka. Mempublikasi permintaan maaf Mungkin sebagian pemimpin enggan untuk meminta maaf apabila melakukan  kesalahan. Permintaan maaf sangatlah kuat mengundang empati dan menunjukkan  pertanggungjawaban. Untuk itu, jangan segan meminta maaf setidaknya kepada  staf-staf ahli yang Anda bawahi. Mintalah bantuan kecil Semua orang dalam tim tentu ingin merasa dibutuhkan. Untuk itu, jangan  segan untuk turun ke bawah mendekati karyawan meski hanya bantuan-bantuan  kecil. Ini akan membuat mereka merasa dekat dengan atasannya. Cara ini  sangat ampuh dalam meningkatkan hubungan dengan rekan kerja Anda. Itulah tiga rahasia bagaimana cara menjadi pemimpin yang disegani ole...
Posting Komentar
🔗BACA SELENGKAPNYA »

SOLUSI HARAPAN AGAR TIDAK PUTUS ASA

🔓Owner Post Published 🕕
Sebagai catatan, apabila harapan anda sudah hilang dan berganti keputusasaan maka hal itu akan berdampak negatif. Di antara dampak-dampak tersebut ialah hilangnya semangat menjalankan usaha; penurunan produktivitas kerja; menghilangkan kepercayaan diri; berkurangnya tingkat kepercayaan dari rekan-rekan kerja, pelanggan, pemasok, dan kreditor; serta ketidakpastian kelangsungan usaha yang sedang dijalankan. Cara mengatasi situasi keputus-asaan ialah menumbuh kembangkan keyakinan, kepercayaan diri, serta antusiasme. Selain itu, ketabahan harus dijaga agar tetap kuat dalam menghadapi cobaan dan kesulitan hidup. Kualitas sumber daya manusia juga harus ditingkatkan dengan cara memperbaiki diri sendiri sehingga asa tetap terjaga dengan baik. Putus asa adalah menurunnya mood dan hilangnya semangat dan motivasi hidup yang disebabkan oleh suatu peristiwa maupun tidak tercapainya suatu keinginan. Putus asa bersumber dari depresi dan frustrasi yang seringkali dialami seseorang dalam kehid...
Posting Komentar
🔗BACA SELENGKAPNYA »