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

MEMILIKI KOMITMEN KERJA YANG KUAT

🔓Owner Post Published 🕕
Memiliki Komitmen Kerja Yang Kuat Seorang pekerja harus memiliki kemampuan memahami bisnis dengan baik sehingga ia mampu membuat komitmen yang lebih tinggi daripada orang lain. Komitmen adalah suatu janji pada diri sendiri ataupun orang lain yang tercermin dalam sebuah tindakan. Seseorang yang berkomitmen pasti dapat menepati dan mempertahankan janji itu sampai akhir. Komitmen tinggi merupakan totalitas seorang pekerja dalam menjalankan tugas-tugas yang dibebankan kapadanya. Seorang pekerja yang bekerja dengan penuh komitmen akan mengerahkan seluruh pikiran dan tenaganya dalam mnyelesaikan setiap tugas hingga tuntas. Tingi rendahnya komitmen yang dimiliki seseorang pekerja akan mempengaruhi hasil dari pekerjaannya. Jadi, hasil maksimal atau mengecewakan dalam suatu pekerjaan bergantung apakah seseorang focus atau tidak dalam bekerja. Focus dan totalitas merupakan inti dari komitmen seoarang pekerja professional. Dalam merealisasikan komitmen tinggi seorang pekerja harus re...
Posting Komentar
🔗BACA SELENGKAPNYA »

MENGENDALIKAN PIKIRAN ORANG LAIN DENGAN SUBJECTIVE COMMUNICATION

🔓Owner Post Published 🕕
Salah satu tehnik SUFI  melahirkan ilmu psycologi yaitu : Mengendalikan Pikiran Orang Lain dengan Subjective Communication Subjective Communication mengendalikan pikiran orang lain? kedengarannya menakutkan bukan? tapi apakah bisa? apakah anda percaya kalau hal ini bisa? dan bagaimana bisa? pertama, perlu kita ketahui dulu apa itu Subjective Communication. subjective communication adalah teknik mempengaruhi pikiran orang lain tanpa harus bertemu langsung dengan menggunakan kekuatan pikiran bawah sadar dan  gelombang otak alpha. subjective communication terbukti telah menolong jutaan orang di seluruh dunia sehingga mereka dapat sukses dan memperoleh apa yang mereka inginkan. tapi bagaimana bisa? perhatikan fakta menarik berikut. pikiran bawah sadar tidak mampu membedakan mana kenyataan dan mana imajinasi. semua yang diterimanya adalah "benar". berbeda dengan pikiran sadar yang menyaring semua informasi dengan logika dan dapat membedakan mana yang ...
Posting Komentar
🔗BACA SELENGKAPNYA »

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 »

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 »

TIPS PENTING DALAM MEMULAI BISNIS DENGAN TOKO ONLINE

🔓Owner Post Published 🕕
Tips Penting Dalam Memulai Bisnis dengan Toko Online  Untuk memulai bisnis hal yang perlu pertama kali anda harus ketahui adalah bagaimana meletakkan Mindset anda yang benar pada bisnis tersebut.  Dan begitupun dengan bisnis toko online atau Dropshipping atau secara umum bisnis yang menjual produk dengan menggunakan Toko online. Agar bisnis anda bisa berjalan sebagaimana mestinya sesuai dengan hasil yang Anda harapkan. Berikut Tips penting yang perlu Anda pelajari untuk memulai bisnis dengan toko online ataupun dropshipping : 1. Siap Melayani Sang “Raja” Persiapan mental Anda untuk melayani pembeli seperti yang kita sering kita dengar “Pembeli Adalah Raja” itu ada benarnya tapi tidak seutuhnya benar apalagi pembeli yang juga tidak beretika.  Nah dalam hal ini Anda harus benar benar siap melayani (Menjawab pertanyaan, Ingin di respon cepat dan produk yang sesuai harapan) dan mempersiapkan hal yang apa saja yang akan membantu dalam hal Ini, misalnya Hp yang d...
Posting Komentar
🔗BACA SELENGKAPNYA »