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

CARA USAHA KECIL KECILAN YANG COCOK UNTUK PELAJAR DAN MAHASISWA

🔓Owner Post Published 🕕
Usaha Kecil Kecilan yang Cocok untuk Pelajar/Mahasiswa Pelajar atau mahasiswa pada dasarnya masih memiliki tanggung jawab utama untuk belajar dan meningkatkan kemampuan atau keahlianya. Namun saat ini, pelajar atau mahasiswa juga dituntut untuk memiliki jiwa wirausaha. Menjadi enterpreneur lebih dini adalah hal yang lebih, persoalannya adalah bagaimana menjadi wirausaha yang tidak mengganggu kegiatan utamanya sebagai seorang pelajar atau mahasiswa.  Pelajar atau mahasiswa saat ini merupakan generasi digital yang sudah tidak asing lagi dengan perkembangan teknologi. Teknologi memberikan dukungan yang luar biasa terhadap perkembangan dunia usaha. Hal ini menjadi sangat bagus jika seorang pelajar atau mahasiswa memulai usaha dengan memanfaatkan sumberdaya teknologi. Apapun jenis usahanya akan menjadi lebih cepat berkembang jika didukung dengan teknologi. Ada beberapa jenis usaha yang cocok untuk para pelajar atau mahasiswa. Bisnis pulsa elektronik Pelajar atau mahas...
Posting Komentar
🔗BACA SELENGKAPNYA »

PRESIDEN REPUBLIK INDONESIA KE 3

🔓Owner Post Published 🕕
BIOGRAFI JUSUF HABIBIE MASA JABATAN  21 Mei 1998 – 20 Oktober 1999 Presiden ketiga Republik Indonesia, Bacharuddin Jusuf Habibie lahir di Pare-Pare, Sulawesi Selatan, pada 25 Juni 1936. Beliau merupakan anak keempat dari delapan bersaudara, pasangan Alwi Abdul Jalil Habibie dan RA. Tuti Marini Puspowardojo. Habibie yang menikah dengan Hasri Ainun Habibie pada tanggal 12 Mei 1962 ini dikaruniai dua orang putra yaitu Ilham Akbar dan Thareq Kemal. Masa kecil Habibie dilalui bersama saudara-saudaranya di Pare-Pare, Sulawesi Selatan. Sifat tegas berpegang pada prinsip telah ditunjukkan Habibie sejak kanak-kanak. Habibie yang punya kegemaran menunggang kuda ini, harus kehilangan bapaknya yang meninggal dunia pada 3 September 1950 karena terkena serangan jantung. Tak lama setelah bapaknya meninggal, Habibie pindah ke Bandung untuk menuntut ilmu di Gouvernments Middlebare School. Di SMA, beliau mulai tampak menonjol prestasinya, terutama dalam pelajaran-pelajaran eksakta. Habibie m...
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 »

PENGERTIAN SISTEM POLITIK INDONESIA

🔓Owner Post Published 🕕
Sistem politik Indonesia diartikan sebagai kumpulan atau keseluruhan berbagai kegiatan dalam Negara Indonesia yang berkaitan dengan kepentingan umum termasuk proses penentuan tujuan, upaya-upaya mewujudkan tujuan, pengambilan keputusan, seleksi dan penyusunan skala prioritasnya. Sistem politik Indonesia dalam rangka mewujudkan cita-cita bangsa dan mencapai tujuan nasional maka harus sesuai dengan Pancasila dan UUD 1945. Dalam menyelenggarakan politik negara, yaitu keseluruhan penyelenggaraan politik dengan memanfaatkan dan mendayagunakan segala kemampuan aparatur negara serta segenap daya dan dana demi tercapainya tujuan nasional dan terlaksananya tugas negara sebagaimana yang ditetapkan dalam UUD 1945. Sebagai suatu sistem, sistem politik terdiri atas berbagai sub sistem antara lain sistem kepartaian, sistem pemilihan umum, sistem budaya politik dan sistem peradaban politik lainnya. Dalam eksistensinya sistem politik akan terus berkembang sesuai dengan perkembangan tugas d...
Posting Komentar
🔗BACA SELENGKAPNYA »

FAKIR BERMAKNA SENANTIASA MERASA BUTUH KEPADA ALLAH

🔓Owner Post Published 🕕
Hai manusia, kamulah yang berkehendak kepada Allah. Dan Allah dialah yang Maha Kaya (tidak memerlukan sesuatu) lagi Maha Terpuji.” (surat Al-Fathir:15) Maqam fakir merupakan perwujudan upaya “tathhir al-qalbi bi’i-kulliyati‘an ma siwa ‘llah”, yaitu penyucian hati secara keseluruhan terhadap apa yang selain tuhan. Yang dituju dengan konsep fakir sebenarnya hanyalah memutuskan persangkutan hati dengan dunia, sehingga hatinya hanya terisi pada kegandrungan pada keindahan penghayatan makrifat pada Zat Tuhan saja di sepanjang keadaan. Faqir bermakna senantiasa merasa butuh kepada Allah. Sikap faqir sangat erat hubungannya dengan sikap zuhud. Jika zuhud bermakna meninggalkan atau menjauhi keinginan terhadap hal-hal yang bersifat materi (keduniaan) yang sangat diinginkan maka faqir berarti mengosongkan hati dari ikatan dan keinginan terhadap apa saja selain Allah, kebutuhannya yang hakiki hanya kepada Allah semata. Maqam ini sangat mulia. Rasulullah sendiri lebih memilih hidup...
Posting Komentar
🔗BACA SELENGKAPNYA »