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

JANGAN TERLALU MEMBANGGAKAN IBADAHMU

🔓Owner Post Published 🕕
Dari kisah sebelumnya bisa disimpulkan ilmu syareat yang saya pelajari dahulu tidaklah salah.. ilmu syareat itu benar.. hanya syareat tanpa tasawwuf sama saja kosong.. Sholat siang dan malam tapi sering menyakiti dan mendzalimi orang lain padahal Allah berfirman dalam hadits qudsi : “Wahai hamba-Ku, Aku telah mengharamkan kedzaliman atas diri-Ku dan Aku jadikan ia sebagai sesuatu yang haram di antara kalian. Karena itu, jangan kalian saling mendzalimi. Wahai hamba-Ku, kalian semua lapar kecuali yang telah  Aku beri makan. Wahai hamba-Ku kalian semua telanjang, kecuali yang Aku beri pakaian. Karena itu, mintalah pakaian kepada-Ku pasti akan Aku beri kalian pakaian. Wahai hamba-Ku, kalian senantiasa berbuat salah siang dan malam, sementara Aku mengampuni semua dosa kalian. Karena itu, mintalah ampunan kepada-Ku pasti Aku mengampuni kalian. Wahai hamba-Ku, kalian semua tidak akan bisa memberikan bahaya kepada-Ku sehingga mencelakakan-Ku dan tidak akan bisa memberikan manfa...
Posting Komentar
🔗BACA SELENGKAPNYA »

BUDAYA KERJA JEPANG MERUPAKAN KESATUAN DALAM KELOMPOK

🔓Owner Post Published 🕕
Jepang terkenal dengan kerja kerasnya dan kerja lemburnya. Semua orang tau itu. Tapi tak banyak yang tahu kalau budaya kerja Jepang itu “Ndeso”. “Ndeso” berarti “kampungan” seperti yang kita tahu, tapi bukan itu yang saya maksud. Dalam budaya kerja Jepang, “Ndeso” berarti berpikir seperti penduduk desa. Seorang pekerja Jepang akan merasa kantornya seperti desa, penduduknya saling gotong royong membangun lingkungannya. Ini adalah sebuah pemikiran ala Jepang, budaya kerja unik yang hanya ada di negeri sakura ini. Pemikiran “Ndeso” ini dikenal dengan istilah “Village Relationship” atau muranogurupu ( 「ムラ」のグループ ), yang jadi basis Jepang berpikir secara kelompok. 1. Society built on “place” relationship Ada seorang anak baru di kantor, anggap saja namanya Budi. Sebelum bergabung, Budi sempat kerja di perusahaan Indonesia. Ia orang yang super dan hebat, pemikir ulung dan kreatif, kariernya menanjak cepat sekali. Ia merasa seperti star employee saking hebatnya, semua orang mengenalnya...
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 »

SOLUSI DARI SETIAP PERMASALAHAN

🔓Owner Post Published 🕕
Tidak ada satu pun dari manusia di dunia ini yang tidak memiliki masalah. Namanya juga hidup, selalu ada gejolak dan permasalahan yang akan muncul, selalu ada rintangan yang menghadang, selalu ada cobaan yang menguji. Sebagai manusia, tugas kita adalah menghadapi setiap permasalahan itu, dan menjalani hidup sebaik mungkinsebagai khalifah Allah di muka bumi. Sebenarnya, jika kita mau mempelajari Alquran dengan baik, Allah memberikan petunjuk atas setiap permasalahan kita dalam Alquran. Solusi setiap permasalahan yang berhubungan dengan rezeki, hubungan antar sesama, bahkan permasalahan yang sifatnya vertical yaitu hubungan kita dengan Allah. Jika kita dilanda permasalahan, bacalah Alquran dan carilah solusi dari permasalahan kita di dalamnya. Yakinlah, bahwa semua permasalahan kita akan segera berlalu, dan permasalahan yang sedang kita alami merupakan ujian dari Allah untuk mengangkat derajat kita ke tempat yang lebih tinggi, sebab Allah tidak akan pernah memberi ujian melebihi ...
Posting Komentar
🔗BACA SELENGKAPNYA »

MANAJEMEN PENGOLAHAN SAMPAH UNTUK PERKOTAAAN

🔓Owner Post Published 🕕
Manajemen Pengelolaan Sampah untuk Perkotaan. Sampah adalah bahan yang tidak mempunyai nilai atau tidak berharga untuk maksud biasa atau utama dalam pembikinan atau pemakaian barang rusak atau bercacat dalam pembikinan manufktur atau materi berkelebihan atau ditolak atau buangan (Kementerian Lingkungan Hidup, 2005). Dalam Undang-Undang No.18 tentang Pengelolaan Sampah dinyatakan definisi sampah sebagai sisa kegiatan sehari-hari manusia dan/atau dari proses alam yang berbentuk padat. Pengelolaan Sampah adalah kegiatan yang sistematis dan berkesinambungan yang meliputi pengurangan dan penanganan sampah (Kementrian Lingkungan Hidup, 2007). Sampah adalah suatu bahan yang terbuang atau dibuang dari sumber hasil aktivitas manusia maupun proses alam yang belum memiliki nilai ekonomis (Suprihatin, 1999). Sementara itu Radyastuti, 1996 (dalam Suprihatin, 1999) menyatakan bahwa Sampah adalah sumberdaya yang tidak siap pakai. Keberadaan sampah dalam jumlah yang banyak jika tidak dik...
Posting Komentar
🔗BACA SELENGKAPNYA »