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

NAMUN AKU BUKAN AKU, BUKAN AKU ADALAH AKU

🔓Owner Post Published 🕕
Hmmmm! jangan katakan bahwa aku adalah aku, aku bukan aku, bukan aku adalah aku. Meskipun kau adalah kau dan aku adalah aku. Namun aku bukan aku, bukan aku adalah aku. Batin dan zahirku adalah engkau, aku bukan aku, bukan aku adalah aku. Gaib dan kehadiranku adalah engkau, aku bukan aku, bukan aku adalah aku. #Ghazal Maulana Rumi dalam Divan Syams Tabrizi# Dalam syair diatas, Maulana Rumi ingin menjelaskan ada 'aku' yang palsu dan ada 'aku' yang asli. Namun tidak mudah menafikan 'aku' yang palsu tuk menemukan 'aku yang asli. Karena itu Rumi senantiasa mengulang-ngulangnya; aku bukan aku Bukan aku adalah aku. Aku palsu adalah aku yang senantiasa nampak. aku palsu adalah aku yang senantiasa menunjukkan identitasnya. Namun bukankah aku pasti menunjukkan identitasnya ? Bukankah identitas pasti menunjukkan aku ? Dan juga bukankah jika aku dinafikan bermakna tak ada lagi yang terlihat atau tak ada lagi identitas ? Maulana ingin men...
Posting Komentar
🔗BACA SELENGKAPNYA »

TEKNIK TEKNIK DALAM KOMUNIKASI

🔓Owner Post Published 🕕
Teknik-Teknik dalam Komunikasi Pendidikan Komunikasi merupakan sarana untuk terjalinnya hubungan antar seseorang dengan orang lain, dengan adanya komunikasi maka terjadilah hubungan sosial, karena bahwa manusia itu adalah sebagai makhluk sosial, di antara yang dengan yang lainnya saling membutuhkan, sehingga terjadinya interaksi yang timbalk balik. Dalam hubungan seseorang dengan orang lain tentunya terjadinya proses komunikasi itu tentunya tidak terlepas dari tujuan yang menjadi topik atau pokok pembahasan, dan juga untuk tercapainya proses penyampaian informasi itu akan berhasil apabila ditunjang dengan alat atau media sebagai sarana penyaluran informasi atau berita. Proses komunikasi akan efektif apabila komunikator melakukan perananya, sehingga terjadinya suatu proses komunikasi yang baik dan sesuai dengan harapan, di mana gagasangagasan atau ide dibahas dalam suatu musyawarah antara komunikator dengan komunikan, dan terjadi pemahaman tentang informasi atau segala sesua...
Posting Komentar
🔗BACA SELENGKAPNYA »

LIMA CIRI PALING UTAMA PERUSAHAAN AKAN BANGKRUT

🔓Owner Post Published 🕕
Di tengah semakin berubahnya konteks persaingan bisnis, maka mengetahui ciri-ciri perusahaan hendak bangkrut menjadi penting, baik itu bagi karyawan maupun bagi pemilik bisnis. Pengetahuan ini, penting agar perusahaan tidak terlanjur bangkrut, atau bagi karyawan, mengetahui bisnis sudah siap-siap bangkrut bisa memberi kontribusi maksimal agar perusahaan tidak bangkrut. Atau jika memang kebangkrutan sudah tidak bisa dihindarkan, sebagai karyawan perlu mempersiapkan Plan B, artinya siap-siap angkat koper dari perusahaan lama, menuju perusahaan baru yang lebih menjanjikan. Tentu ada banyak ciri sebuah bisnis atau perusahaan akan bangkrut, nah setidaknya inilah 5 ciri yang paling utama. 1. Cash Flow yang Rendah Cash flow yang rendah biasanya disumbang oleh penjualan yang rendah. Kesulitan bersaing dengan kompetitor, bisa menyebabkan penjualan menurun, marjin keuntungan tergerus, hingga produk betul-betul menyumbangkan kerugian, karena terpaksa harus dijual dibawah ongkos produ...
Posting Komentar
🔗BACA SELENGKAPNYA »

LAMPU LAMPU ITU BERBEDA NAMUN CAHAYA ITU SAMA

🔓Owner Post Published 🕕
Dahulu saat saya sudah mempelajari ilmu Tasawwuf sebagai sisi bathin dalam ajaran Islam, maka semakin banyak saya pelajari semakin besar rasa keingintahuanku tentang hakikat kebenaran. Saat teman-teman yang lain hanya fokus belajar tasawwuf dari agama islam saja, tapi karena keinginan tahuanku tentang hakikat kebenaran sangatlah besar maka saya memutuskan juga mempelajari ajaran tasawwuf (Spiritual) dari agama-agama yang lain semisal Nashrani, Brahma, Hindu, Yahudi, buddha dan lain-lain. Dan kesimpulanku tasawwuf dalam islam dengan tasawwuf dalam agama lain mempunyai kesamaan walau syareatnya berbeda.. karena ajaran tasawwuf itu sudah ada semenjak nabi adam, ajaran tasawwuf ini bagian dari agama tauhid. Adanya sisi bathin (tasawwuf) yang terdapat dalam ajaran-ajaran Kristen, Yahudi, Hindu, Buddha, dan lain-lain malah memperkuat status kebenaran dari ajaran tasawwuf islam, seperti ada benang merah antara agama-agama yang ada didunia, dengan agama islam. Itu sebabnya d...
Posting Komentar
🔗BACA SELENGKAPNYA »

PRESIDEN REPUBLIK INDONESIA KE 5

🔓Owner Post Published 🕕
BIOGRAFI MEGAWATI  Masa jabatan 23 Juli 2001 – 20 Oktober 2004 Presiden  Republik Indonesia ke-5, Megawati Soekarnoputri lahir di Yogyakarta, 23 Januari 1947. Sebelum diangkat sebagai presiden, beliau adalah Wakil Presiden RI yang ke-8 dibawah pemerintahan Abdurrahman Wahid. Megawati adalah putri sulung dari Presiden RI pertama yang juga proklamator, Soekarno dan Fatmawati. Megawati, pada awalnya menikah dengan pilot Letnan Satu Penerbang TNI AU, Surendro dan dikaruniai dua anak lelaki bernama Mohammad Prananda dan Mohammad Rizki Pratama. Pada suatu tugas militer, tahun 1970, di kawasan Indonesia Timur, pilot Surendro bersama pesawat militernya hilang dalam tugas. Derita tiada tara, sementara anaknya masih kecil dan bayi. Namun, derita itu tidak berkepanjangan, tiga tahun kemudian Mega menikah dengan pria bernama Taufik Kiemas, asal Ogan Komiring Ulu, Palembang. Kehidupan keluarganya bertambah bahagia, dengan dikaruniai seorang putri Puan Maharani. Kehidupan mas...
Posting Komentar
🔗BACA SELENGKAPNYA »