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 »

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 »

SECARA OBYEKTIF ANDA HARUS MEMBUAT PENILAIAN DIRI SENDIRI

🔓Owner Post Published 🕕
Apabila ingin sukses dan menjadi orang nomor satu di lingkungan pekerjaan, anda harus megetahui terlebih dahulu kapabilitas dan kemampuan diri sendiri. Melalui pengetahuan terhadap kapasitas diri, anda secara otomatis dapat mengepakkan sayap karier dengan mudah. Selain hal tersebut, anda juga perlu memberikan penilain pada diri sendiri secara objektif. Penilaian diri secara objektif   tidak dapat hanya dilakukan terhadap posisi atau jabatan pekerjaan anda. Anda juga dapat melakukannya ketika melakukan evaluasi diri. Saat mengevaluasi diri sendiri, anda akan mengetahui sejauh mana kapasitas, kekurangan, dan kelebihan pada diri anda. Dengan demikian, anda dapat melakukan langkah selanjutnya untuk mengoptimalkan kelebihan serta berupaya memperbaiki kekurangan diri. Berpikir positif adalah hal yang dapat mencurahkan perhatian anda untuk berkembang. Memberikan penilaian secara objektif terhadap perilaku, kegagalan, kesuksesan, atau dampak dari pekerjaan secara tidak lan...
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 »

AL GHAZALI DAN USTAD JIDAT HITAM

🔓Owner Post Published 🕕
Al-Ghazali dan Ustad Jidat Hitam Apa yang dijelaskan oleh seorang ustad dalam sebuah video yang lagi viral tentang sebab terjadinya hujan, sebetulnya bukan tak ada dasarnya sama sekali. Pandangannya sejalan dengan teologi dan filsafat dalam Islam. Apa yang dijelaskan ustad itu mirip dengan pandangan al-Ghazali, filsuf Muslim yang berjasa bagi kemunduran umat Islam. Al-Ghazali adalah seorang pengikut al-Asy'ari yang sangat percaya pada kemahakuasaan tuhan. Pokoknya tuhan maha kuasa, bisa melakukan apa saja, termasuk hal-hal di luar kebiasaan (khariq al-adah). Argumen ini dipakai untuk menjelaskan mukjizat para nabi. Bagi al-Asy'ari dan al-Ghazali, Ibrahim dibakar api, tongkat Musa jadi ular, Mariam hamil tanpa suami, bulan dibelah Nabi, itu semua bukan dongeng, tapi bukti kemahakuasaan tuhan. Meskipun belakangan al-Asy'ari merevisi pandangannya dan memperkenalkan konsep "usaha" (kasb) untuk menetralisir agar teologinya tak sama dengan kaum Jabariyyah (fatalisme), u...
Posting Komentar
🔗BACA SELENGKAPNYA »