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

LIMA CARA WAJIB DIMILIKI SALES MARKETING

🔓Owner Post Published 🕕
5 Hal yang Wajib Dimiliki Sales Marketing Bisnis Anda Sales memiliki peranan besar dari suatu bisnis. Keuntungan suatu bisnis akan bergantung pada salesnya. Oleh sebab itu, untuk memperoleh keuntungan yang besar harus diperhatikan kinerja sales marketing. Melakukan penjualan tidaklah mudah, ada beberapa hal yang harus dimiliki agar proses penjualan terasa mudah. Proses penjualan yang mudah, akan memudahkan pula dalam memperoleh keuntungan. Pertama, pengetahuan sales marketing harus luas. Pengetahuan terhadap detail produk harus dimilikinya. Jika Anda masih sangat asing dengan produk yang akan dijual, Anda dapat mempelajarinya terlebih dahulu. Segala hal bisa dipelajari, asalkan ada keinginan untuk belajar. Pengetahuan akan produk sangat diperlukan untuk memperoleh kepercayaan konsumen. Jika konsumen percaya terhadap kualitas produk Anda, maka hal ini akan mempengaruhi hasil penjualan Anda. Pengetahuan tentang konsumen juga harus Anda kuasai. Anda harus bisa memprediksi apa...
Posting Komentar
🔗BACA SELENGKAPNYA »

CARA MENJADI PEMIMPIN YANG BAIK

🔓Owner Post Published 🕕
KUNCI NYA 1. Beri contoh Pemimpin yang baik tidak hanya sekedar memberi perintah dan larangan tetapi juga harus memberi contoh. Jika kamu ingin anak buah disiplin dan bekerja keras maka lakukan juga hal yang sama. 2. Komunikasi yang baik Pemimpin harus bisa berkomunikasi secara tepat, mudah dimengerti, jelas dan tidak memberikan pengertian yang ambigu (dapat diartikan berbeda). 3. Bertanggung jawab. Pemimpin yang bijaksana harus mau menanggung kesalahan yang dilakukan oleh bawahannya dan tidak cuci tangan, karena adalah tanggung jawab Anda juga, jadi jangan cuci tangan bila ada hal kesalahan.  4. Jangan jatuh cinta dengan bawahan. Jika Anda menjadi seorang pemimpin di kantor, sebaiknya hubungan asmara dengan bawahan langsung tidak dilakukan. Alasannya adalah bila terjadi masalah internal dengan orang yg dicintai maka akan sulit berpikir rasional. 5. Kuasai bidang pekerjaan. Pemimpin yg baik harus mengerti s...
Posting Komentar
🔗BACA SELENGKAPNYA »

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 »

SEPULUH PERBUATAN BURUK DUNIA KERJA KARYAWAN

🔓Owner Post Published 🕕
Dalam dunia pekerjaan, seorang karyawan dalam hal ini anda sendiri harus berprilaku baik agar mendapatkan perhatian atasan. Selain berkelakuan baik, anda harus terus mengasah kemampuan atau potensi diri sendiri supaya dapat menjadi sosok luar biasa di lingkungan kerja. Sebagai catatan, sekalipun merasa penting untuk mendapatkan perhatian atasan, tidak sepatutnya anda melakukan segala cara. Anda tidak perlu melakukan hal-hal aneh, menyimpang, atau bahkan berbuat buruk demi mendapatkan perhatian atasan. Ingatlah bahwa setiap kelakuan buruk di tempat kerja akan menghasilkan reputasi anda. Dengan demikian, anda akan gagal mengembangkan citra diri. Secara tidak langsung, anda juga telah gagal menjadi diri sendiri. Oleh karena itu, anda perlu mengetahui beberapa perbuatan tidak terpuji yang dapat merusak citra di tempat kerja. Setidaknya ada sepuluh perbuatan buruk dunia kerja karyawan yang menjadi kebalikan dari perbuatan terpuji. Adapun perbuatan-perbuatan tersebut adalah sebaga...
Posting Komentar
🔗BACA SELENGKAPNYA »

KONTEN TERINDEKS GOOGLE CRAWL JADI HARAPAN PENGGUNA

🔓Owner Post Published 🕕
Kamu mungkin sering menemukan kata ‘indexing’ di berbagai kesempatan, termasuk dalam pengolahan data.  Dikutip dari Moz, indexing adalah proses penyimpanan dan pengaturan konten yang ditemukan search engine selama proses crawling. Sementara itu, menurut DeepCrawl, indexing adalah proses ketika search engine mengatur informasi sebelum adanya pencarian. Maka, ketika ada seseorang yang mencari dengan sebuah keyword, search engine mudah menemukan situs yang relevan.  Indexing atau web indexing merupakan salah satu bagian dari kinerja search engine. Secara garis besar, kerja sebuah search engine terdiri atas tiga tahap, yakni crawling, indexing, dan ranking. Pada tahap crawling, search engine menjelajah berbagai situs yang ada di internet melalui URL yang mereka temukan. Tahap selanjutnya yaitu indexing, ketika search engine menyimpan dan mengatur konten yang ada dalam berbagai situs. Kemudian barulah terjadi ranking, yaitu ketika search engine menampilkan konten yang paling sesuai...
Posting Komentar
🔗BACA SELENGKAPNYA »