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

SUARA HARIAN OTO BEMO BERODA TIGA

🔓Owner Post Published 🕕
KATA PENGANTAR  Puji syukur kami panjatkan kehadirat Tuhan Yang Maha Esa karena dengan rahmat, karunia, serta taufik dan hidayah-Nya saya dapat membuat blog/site tentang apa saja yang menarik bagi penggemar membaca dengan baik meskipun banyak kekurangan didalamnya. Dan juga kami berterima kasih pada Bapak, Ibu, Saudara (i) selaku pelanggan Suara Harian Oto Bemo Beroda Tiga yang telah memberikan masukan kepada saya. Tak lupa juga ucapan terima kasih kepada teman - teman blogger telah ikut turut serta membantu dalam proses pemblo gingan ini. Saya juga menyadari sepenuhnya bahwa di dalam dunia bloging ini terdapat kekurangan dan jauh dari kata sempurna. Oleh sebab itu, saya berharap adanya kritik, saran dan usulan demi perbaikan blog/site yang telah saya buat untuk di masa yang akan datang, mengingat tidak ada sesuatu yang sempurna tanpa saran yang membangun. Semoga blog/site sederhana ini dapat dipahami bagi siapapun yang membacanya. Secara struktur, sistematis dan masif blog/site ya...
Posting Komentar
🔗BACA SELENGKAPNYA »

DIATAS LANGIT MASIH ADA LANGIT

🔓Owner Post Published 🕕
“Di atas langit masih ada langit” merupakan ungkapan yang sering digunakan untuk mengingatkan kita agar tidak berlaku sombong atas apa yang kita miliki, baik itu kekayaan, kecantikan, ketampanan, dan kepintaran. Hal-hal yang bersifat duniawi memang seringkali menjadi sebab seseoang untuk berlaku sombong. Padahal kita tidak berhak berlaku sombong, karena sesungguhnya apa yang kita miliki  hanyalah titipan dari Allah yang seharusnya kita jaga sebaik-baiknya. Kita tidak pernah tahu sampai kapan semua yang kita miliki akan menjadi milik kita, sehingga kita tidak boleh menyombongkannya. Orang-orang kaya bisa bangkrut dan menjadi miskin, orang yang  cantik dan tampan akan bertambah tua, lalu apa yang hendak kita sombongkan?   Penyebab sifat sombong yang ada dalam diri kita adalah karena kita seringkali merasa lebih baik dari orang lain, kita selalu merawa t bahwa kedudukan kita lebih tinggi, kita pun seringkali merasa lebih cantik dari orang lain. Hal-hal semacam inil...
Posting Komentar
🔗BACA SELENGKAPNYA »

SUARA RAKYAT ADALAH SUARA TUHAN CARANYA MEMBANGUN JARINGAN PARTAI POLITIK PENGUSUNG PEMILUKADA 2018

🔓Owner Post Published 🕕
“Vox Populi Vox Dei.” Suara Rakyat adalah Suara Tuhan, suatu pernyataan yang cukup populer di masa pence-rahan (renaesance), ketika  rakyat mulai berani menggugat hegemoni penguasa absolut. Pada saat itu, slogan perlawanan ini memang cukup mengena. Sebab yang dihadapi adalah penguasa otoriter yang menyamakan dirinya dengan Tuhan, atau merasa mendapat hak istimewa dari Tuhan untuk menguasai segenap aspek kehidupan manusia. Dalam perkembangannya, semboyan tersebut, menjadi pupuk perangsang tumbuhnya ide-ide demokrasi atau paham kedaulatan rakyat. Dewasa ini, kalimat dengan empat kata itu, juga masih kerap terdengar nyaring. Maklum, hingga saat ini, demokrasi masih dianggap konsep terbaik penyelenggaraan kekuasaan negara, dan hampir sebagian besar negara di dunia menyatakan dirinya sebagai negara demokrasi. Rakyat sebagai pemilik kedaulatan pun naik daun. Aspirasi dan keinginan rakyat menjadi amat bertuah, sehingga jadi obyek buruan para pihak yang berambisi menguasai negara...
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 »

TRIK JADI PEMIMPIN YANG BAIK DISEGANI DAN DISUKAI KARYAWAN

🔓Owner Post Published 🕕
Menjadi Pemimpin yang Baik Banyak orang berpikir bahwa menjadi seorang atasan itu sangatlah mudah. Sebuah posisi yang diinginkan oleh banyak orang karena melalui posisi tersebut, ia mendapat otoritas terhadap bawahannya. Tapi, tahukah Anda? Menjadi pemimpin itu tidaklah mudah. Apalagi jika ingin dicap menjadi pemimpin yang baik. Indikator penilaian pemimpin yang baik itu memang sangat subjektif, tergantung dari sudut mana kita memandang. Seorang pemimpin yang pilih kasih kepada salah satu bawahan dan tidak mengindahkan yang lain, mungkin bisa dicap baik oleh bawahan yang disayangi. Namun sebaliknya, ia akan dicap pilih kasih oleh bawahan lainnya. Lantas, bagaimanakah sikap seorang pemimpin yang baik? Berikut ini beberapa tips cara menjadi pemimpin yang baik menurut penilaian atau pandangan secara objektif. Selamat mencoba! #1 Datang Sebelum Waktu yang Ditentukan Jika ingin dinilai sebagai pemimpin yang baik, kete...
Posting Komentar
🔗BACA SELENGKAPNYA »