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

SIBUK SOAL BICARA TUHAN TAPI LUPA MAKHLUK CIPTAANNYA

🔓Owner Post Published 🕕
Ketika engkau membenci seseorang, apakah engkau benar-benar memahami siapa yang engkau benci dan kenapa engkau membencinya? Hanya karena informasi sepihak engkau mudah sekali mengaktifkan rasa kebencian di dalam dirimu. Sebagaimana dua sisi mata uang, seseorang mempunyai banyak sisi. Jika engkau baru mendapatkan pengetahuan tentang seseorang dari satu sisi saja, bukan berarti kamu sudah mengetahui semua sisi dirinya sepenuhnya. Tahanlah kebencianmu, tahanlah penilaianmu. Berikan kesempatan pada hal-hal yang belum engkau ketahui. Agar tidak tertutup mata bathinmu karena egomu yang merasa tahu. Dan engkau harus tahu, energi kebencian itu luar biasa dia akan sangat menguras daya ruhanimu. Orang yang termakan ego kebenciannya sendiri akan terus menerus memproduksi pikiran kebencian dan semakin menderita oleh karena pikiran-pikiran didalam jiwanya, apapun yang dilakukan orang lain yang dibenci akan selalu salah, dunia terasa gelap dan kemarahan semakin memakan pikiran dan jiwanya, di...
Posting Komentar
🔗BACA SELENGKAPNYA »

MEMILIKI KOMITMEN KERJA YANG KUAT

🔓Owner Post Published 🕕
Memiliki Komitmen Kerja Yang Kuat Seorang pekerja harus memiliki kemampuan memahami bisnis dengan baik sehingga ia mampu membuat komitmen yang lebih tinggi daripada orang lain. Komitmen adalah suatu janji pada diri sendiri ataupun orang lain yang tercermin dalam sebuah tindakan. Seseorang yang berkomitmen pasti dapat menepati dan mempertahankan janji itu sampai akhir. Komitmen tinggi merupakan totalitas seorang pekerja dalam menjalankan tugas-tugas yang dibebankan kapadanya. Seorang pekerja yang bekerja dengan penuh komitmen akan mengerahkan seluruh pikiran dan tenaganya dalam mnyelesaikan setiap tugas hingga tuntas. Tingi rendahnya komitmen yang dimiliki seseorang pekerja akan mempengaruhi hasil dari pekerjaannya. Jadi, hasil maksimal atau mengecewakan dalam suatu pekerjaan bergantung apakah seseorang focus atau tidak dalam bekerja. Focus dan totalitas merupakan inti dari komitmen seoarang pekerja professional. Dalam merealisasikan komitmen tinggi seorang pekerja harus re...
Posting Komentar
🔗BACA SELENGKAPNYA »

AL GHAZALI DAN USTAD JIDAT HITAM

🔓Owner Post Published 🕕
Al-Ghazali dan Ustad Jidat Hitam Apa yang dijelaskan oleh seorang ustad dalam sebuah video yang lagi viral tentang sebab terjadinya hujan, sebetulnya bukan tak ada dasarnya sama sekali. Pandangannya sejalan dengan teologi dan filsafat dalam Islam. Apa yang dijelaskan ustad itu mirip dengan pandangan al-Ghazali, filsuf Muslim yang berjasa bagi kemunduran umat Islam. Al-Ghazali adalah seorang pengikut al-Asy'ari yang sangat percaya pada kemahakuasaan tuhan. Pokoknya tuhan maha kuasa, bisa melakukan apa saja, termasuk hal-hal di luar kebiasaan (khariq al-adah). Argumen ini dipakai untuk menjelaskan mukjizat para nabi. Bagi al-Asy'ari dan al-Ghazali, Ibrahim dibakar api, tongkat Musa jadi ular, Mariam hamil tanpa suami, bulan dibelah Nabi, itu semua bukan dongeng, tapi bukti kemahakuasaan tuhan. Meskipun belakangan al-Asy'ari merevisi pandangannya dan memperkenalkan konsep "usaha" (kasb) untuk menetralisir agar teologinya tak sama dengan kaum Jabariyyah (fatalisme), u...
Posting Komentar
🔗BACA SELENGKAPNYA »

TUJUH HAL YANG LEBIH BESAR DARI UANG

🔓Owner Post Published 🕕
7 Hal yang Lebih Besar dari Uang !! Selama saya menjadi seorang pelatih bisnis, uang adalah faktor penting yang memungkinkan bisnis bergerak maju. Bahkan, banyak teman-teman yang merasa, uang adalah satu-satunya faktor penghambat, untuk membangun sebuah bisnis. “If you can’t, then you MUST, If you MUST, You CAN !” Sayangnya, uang bukan satu-satunya yang bisa membuat Anda sukses berbisnis. Ada 7 hal yang menurut saya lebih besar dan lebih hebat lagi dari uang. Ini adalah list hal-hal yang penting, jangan biarkan berlalu tanpa dikapitalisasi. 1. Waktu lebih Mahal dari Uang Jika Anda kehilangan uang, pasti Anda punya cara untuk menggantikannya. Waktu begitu hilang, langsung hilang selamanya. Dengan waktu Anda bisa menciptakan nilai (manfaat), nilai yang diakumulasi untuk jangka waktu yang lama, tidak ternilai harganya. Waktu yang diinvestasikan dengan baik, bisa membawa keajaiban. 2. Berani Kemarahan akan Kemiskinan Anthony Robbins, Seorang penulis buku, motivator...
Posting Komentar
🔗BACA SELENGKAPNYA »

TUJUAN KOMUNIKASI VERBAL

🔓Owner Post Published 🕕
TUJUAN KOMUNIKASI VERBAL :  Komunikasi verbal melalui lisan dapat dilakukan secara langsung bertatap   muka antara komunikator dengan komunikan, seperti berpidato atau ceramah.   Selain itu juga, komunikasi verbal melalui lisan dapat dilakukan dengan  menggunakan media, contoh seseorang yang bercakap-cakap melalui telepon.  Sedangkan komunikasi verbal melalui tulisan dilakukan dengan secara tidak   langsung antara komunikator dengan komunikan. Proses penyampaian informasi   dilakukan dengan menggunakan berupa media surat, lukisan, gambar, grafik   dan lain-lain. Adapun tujuan menggunakannya komunikasi verbal (lisan dan tulisan) antara   lain : Penyampaian penjelasan, pemberitahuan, arahan dan lain sebagainya, Presentasi penjualan dihadapan para audien, Penyelenggaraan rapat, Wawancara dengan orang lain, Pemasaran melalui telepon, dan sebagainya. Baca juga  Praktek-komunikasi-verbal
Posting Komentar
🔗BACA SELENGKAPNYA »