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

TEAM WORK ADALAH RAHASIA BISNIS BISA BERTAHAN LAMA

🔓Owner Post Published 🕕
Team work merupakan pondasi suatu bisnis. Sukses tidaknya bisnis akan bergantung pada kondisi team worknya. Definisi Team work adalah kerja tim, yaitu serangkaian sikap dan perilaku dari orang-orang yang tergabung dalam sebuah tim. Team work inilah yang nantinya akan menentukan perjalanan dari suatu bisnis. Manfaat yang diperoleh dengan adanya Team work antara lain, dalam hal pemecahan masalah. Adanya team work membuat suatu bisnis menjadi lebih cepat dan lebih baik dalam mengambil keputusan. Hal ini akan diperoleh dari kerja tim yang baik. Pada dasarnya keputusan yang diambil dari pemikiran banyak orang hasilnya lebih baik dibandingkan pemikiran dari satu orang, dengan catatan adanya rasa saling menghargai pendapat orang lain dan tidak egois. Manfaat kedua adalah dalam hal menyelesaikan pekerjaan. Suatu pekerjaan akan selesai dengan cepat jika dikerjakan secara bersama-sama. Tim yang baik akan membagi setiap pekerjaan kepada seluruh anggota timnya sesuai dengan kemampuan a...
Posting Komentar
🔗BACA SELENGKAPNYA »

ENAM TIPS SEDERHANA MENJADI ATASAN YANG BERWIBAWA DAN DISEGANI

🔓Owner Post Published 🕕
1. Disiplin Dengan Waktu; Ini terdengar seperti sesuatu yang simpel, namun jika Anda konsisten  melakukan hal ini, maka Anda akan dianggap sebagai seorang yang disiplin  yang akan membuat bawahan Anda segan. Terutama terkait jam kerja kantor  Anda, tepat waktu ketika mulai jam kantor, demikian juga tepat waktu ketika  selesai pekerjaan kantor. Bukan saja ketika memulai atau mengakhiri pekerjaan, dalam rapat mendadak  misalnya, Anda juga harus menjadi orang yang tepat waktu. Anda harus bisa  menjadi contoh yang baik bagi bawahan Anda tentang bagaimana me-manage  waktu yang baik dalam bekerja. 2. Konsisten Pada Peraturan yang Sudah Ditetapkan; Hal ini juga perlu Anda perhatikan, ketika membuat suatu peraturan dalam  perusahaan, Anda juga harus menjalankannya penuh dengan tanggung jawab.  Selain itu, konsisten pada peraturan juga menjadi hal krusial yang harus Anda jaga. Jangan membuat peraturan plin plan sehingga membuat bingung...
Posting Komentar
🔗BACA SELENGKAPNYA »

MENJALANKAN MOBILE MARKETING DENGAN CERDAS

🔓Owner Post Published 🕕
Menjalankan Mobile Marketing dengan Cerdas Apakah Anda pemilik bisnis online atau yang lain? Apa produk Anda masih sedikit peminat? Apa Anda masih bingung cara efektif untuk memasarkan produk Anda? Anda bisa melakukan sistem marketing secara online yang efektif. Saya akan bagikan 6 tips yang bisa Anda lakukan. Fokus pada customer Di zaman sekarang yang serba internet pastinya sudah tidak awam customer menggunakan handphone canggih. Customer Anda punya itu sih oke tapi apa mereka selalu menggunakannya? Ini yang membuat Anda harus memastikannya. kalau sang customer sudah pasti selalu terhubung dengan internet, tugas Anda memastikan website bisnis Anda. Sebaiknya customer bisa dengan mudah mengakses. Apalagi saat customer mau melakukan pembelian. Waktu loading kalau bisa tidak lebih dari 3 detik. Nanti yang ada customer Anda batal mengunjungi web Anda. Hormati Privasi Anda bisa saja mengirim iklan – iklan produk Anda lewat pesan seperti SMS blash. Tapi bukan berarti b...
Posting Komentar
🔗BACA SELENGKAPNYA »

PRAKTEK KOMUNIKASI VERBAL

🔓Owner Post Published 🕕
Prakteknya komunikasi verbal bisa dilakukan dengan cara :  Berbicara dan menulis. Umumnya untuk menyampaikan, orang cenderung lebih menyukai speaking  (berbicara) ketimbang (writing ). Selain karena praktis, speaking dianggap  lebih mudah “menyentuh” sasaran karena langsung didengar komunikan. Namun bukan berarti pesan tertulis tidak penting. Untuk menyampaikan pesan bisnis  yang panjang dan memerlukan pemahaman dan pengkajian matang, diperlukan  pula penyampaian writing. Semisal penyampaian bussines report. Sangat tidak  mungkin jika hanya disampaikan dengan berbicara. Mendengarkan dan membaca. Kenyataan menunjukkan, pelaku bisnis lebih sering mendapatkan informasi  ketimbang menyampaikan informasi. Dan aktivitas penerimaan informasi.pesan  bisnis ini dilakukan lewat proses (listening) mendengarkan dan membaca  (reading). Sayangnya, kenyataan juga menunjukkan, masih banyak di antara  kalangan bisnis yang tidak memiliki ke...
Posting Komentar
🔗BACA SELENGKAPNYA »

MENERAPKAN LIMA BELAS TIPS INI MEMBUAT PEMIMPIN BERWIBAWA

🔓Owner Post Published 🕕
LAKUKAN LAH 1. Lebih banyak mendengar daripada berbicara Seorang pemimpin tidak hanya wajib pintar dalam berbicara, namun juga mendengarkan. Jika pemimpin tak bisa mendengarkan masukan dari bawahan mereka, perusahaan akan sulit maju. Karena biasanya para bawahanlah yang berhadapan langsung dengan pelanggan. 2. Bicaralah dengan singkat, namun langsung menuju inti permasalahan. Setelah menerima segala masukan yang ada, saringlah seluruh informasi tersebut, kemudian di akhir buatlah sebuah kesimpulan berupa target apa yang harus dicapai dalam sebulan kedepan. Sehingga, arah kerja kalian lebih terarah. 3. Buktikan kemampuanmu melalui hasil, bukan omongan belaka. Seorang pemimpin yang hanya pintar bicara tak akan dihargai oleh bawahan mereka. Buktikan bahwa pemikiranmu itu memang bisa diterapkan dan memberi hasil maksimal, bukan sekedar bualan belaka. 4. Percayalah kepada orang lain untuk melakukan pekerjaan mereka masing-masing. Kamu tak akan bisa mengerjakan sega...
Posting Komentar
🔗BACA SELENGKAPNYA »