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

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 »

SEBELUM TIDUR UPAYAKAN MENDISIPLIKAN DIRI

🔓Owner Post Published 🕕
Jadikan setiap hari adalah momen kesuksesan anda. Kalimat tersebut sangat penting dijadikan titik tolak pekerjaan yang anda lakukan. Menjadikan setiap hari sebagai momen kesuksesan tentu tidak semudah yang diucapkan. Anda membutuhkan kerja keras, semngat tinggi, pikiran positif, dan sebagainya secara berkesinambungan di dalam menjalankan pekerjaan. Akan tetapi, menjadikan setiap hari sebagai momen kesuksesan pada dasarnya juga tidak sulit. Untuk mewujudkan hal tersebut, diperlukan upaya berkelanjutan dan konsisten dari diri sendiri. Salah satunya ialah dengan melakukan evaluasi serta menyusun rencana sebelum anda tidur. Ada anggapan dari pakar kesehatan bahwa kualitas tidur menentukan mutu pekerjaan seseorang. Apabila kualitas tidur seseorang sulit, maka mutu pekerjaannya juga bisa rumit. Banyak orang sukses, kaya, dan terkenal terbiasa memanfaatkan waktu sebelum tidur untuk melakukan yang istimewa. Sebab, mereka berkeyakinan bahwa mendisiplinkan diri sebelum berangkat ke...
Posting Komentar
🔗BACA SELENGKAPNYA »

PENGARUH UMUM RESIKO USAHA KECIL KECILAN

🔓Owner Post Published 🕕
Resiko Umum Usaha Kecil ecilan Selain memiliki berbagai keuntungan, usaha kecil kecilan juga memiliki resiko. Ada beberapa resiko yang umum terjadi pada usaha kecil-kecilan. Jalannya suatu usaha sangat dipengaruhi oleh efektifitas pemiliknya. Jika pemilik tidak bersungguh-sungguh pada usahanya, maka usaha tersebut juga tidak akan berjalan dengan baik. Modal usaha terbatas. Memulai usaha kecil kecilan biasanya dilakukan dengan modal yang terbatas apalagi hanya dimiliki oleh satu orang. Dengan modal yang terbatas ini maka kapasitas usaha menjadi kecil. Lokasi kurang menguntungkan. Usaha kecil-kecilan yang baru saja di bentuk biasanya tidak akan mengambil resiko dengan investasi yang besar pada lokasi usaha. Lokasi yang digunakan biasanya dirumah atau sewa tempat dengan harga yang murah. Pemilihan lokasi akhirnya tidak mempertimbangkan lagi dari sisi strategis yang penting dapat dijangkau. Sulit mengatur persediaan barang. Kurangnya tenaga yang mengawasi perputaran barang b...
Posting Komentar
🔗BACA SELENGKAPNYA »

KEKUASAAN POLITIK

🔓Owner Post Published 🕕
Dalam teori politik menunjuk pada kemampuan untuk membuat orang lain melakukan sesuatu yang tidak dikehendakinya. Max Weber menuliskan adanya tiga sumber kekuasaan: pertama dariperundang-undangan yakni kewenangan;  kedua, dari kekerasan seperti penguasaan senjata; ketiga, dari karisma. Menguraikan konsep kekuasaan politik kita perlu melihat pada kedua  elemennya, yakni kekuasaan dari akar kata kuasa dan politik yang berasal dari bahasa Yunani Politeia (berarti kiat memimpin kota (polis) ). Sedangkan kuasa dan kekuasaan kerapa dikaitkan dengan kemampuan untuk membuat gerak  yang tanpa kehadiran kuasa (kekuasaan) tidak akan terjadi, misalnya kita bisa menyuruh adik kita berdiri yang tak akan dia lakukan tanpa perintah  kita (untuk saat itu) maka kita memiliki kekuasaan atas adik kita. Kekuasaan politik dengan demikian adalah kemampuan untuk membuat masyarakat dan negara membuat keputusan yang tanpa kehadiran kekuasaan tersebut tidak akan dibuat oleh mereka. ...
Posting Komentar
🔗BACA SELENGKAPNYA »

HUMOR GUSDUR : MAHFUD TIDAK BISA MENOLAK JADI MENHAN

🔓Owner Post Published 🕕
Humor Gus Dur: Mahfud Tidak Bisa Menolak Jadi Menhan Nabi Nuh dalam Catatan Naskah Silsilah Bima Kabinet Joko Widodo-Ma’ruf Amin mengagetkan? Mungkin iya, meski relatif juga. Tapi era Presiden Gus Dur-Megawati sebetulnya tak kalah mengagetkan. Salah satunya saat Gus Dur memilih akademisi, sipil, dan ahli hukum menjadi Menteri Pertahanan. Siapa yang dipilih Gus Dur? Tak lain dan tak bukan Mahfud MD. Dipilihnya dia jadi Menhan menggegerkan kalangan tentara, karena selama ini itu posisi para jenderal. Tapi bagi orang sipil ini kabar gembira, karena akan menyempurnakan langkah politik demiliterisasi. Mahfud sempat menolak dengan melontarkan pertanyaan, “Menteri Pertanahan mungkin, Gus?”. Posisi menteri pertanahan memang masih cocok dengan latar belakang pendidikan orang Madura ini. Dan bagi Mahfud yang belum berpengalaman, resiko menteri pertanahan relatif lebih rendah daripada menteri pertahanan. Tapi ternyata Gus Dur menginginkan Mahfud yang dosen UII itu menjadi menteri p...
Posting Komentar
🔗BACA SELENGKAPNYA »