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 »

SIBUK SOAL BICARA TUHAN TAPI LUPA MAKHLUK CIPTAANNYA

🔓Owner Post Published 🕕
Ketika engkau membenci seseorang, apakah engkau benar-benar memahami siapa yang engkau benci dan kenapa engkau membencinya? Hanya karena informasi sepihak engkau mudah sekali mengaktifkan rasa kebencian di dalam dirimu. Sebagaimana dua sisi mata uang, seseorang mempunyai banyak sisi. Jika engkau baru mendapatkan pengetahuan tentang seseorang dari satu sisi saja, bukan berarti kamu sudah mengetahui semua sisi dirinya sepenuhnya. Tahanlah kebencianmu, tahanlah penilaianmu. Berikan kesempatan pada hal-hal yang belum engkau ketahui. Agar tidak tertutup mata bathinmu karena egomu yang merasa tahu. Dan engkau harus tahu, energi kebencian itu luar biasa dia akan sangat menguras daya ruhanimu. Orang yang termakan ego kebenciannya sendiri akan terus menerus memproduksi pikiran kebencian dan semakin menderita oleh karena pikiran-pikiran didalam jiwanya, apapun yang dilakukan orang lain yang dibenci akan selalu salah, dunia terasa gelap dan kemarahan semakin memakan pikiran dan jiwanya, di...
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 »

APA ITU RUH

🔓Owner Post Published 🕕
Apa itu Ruh ? Firman Allah dalam surah Al-Isra ayat 85 : "Dan mereka bertanya kepadamu tentang ruh. Katakanlah: “Ruh itu termasuk urusan Tuhan-ku, dan tidaklah kamu diberi pengetahuan melainkan sedikit”. Firman Allah diayat ini menyatakan bila ilmu tentang Ruh ini yang dapat diungkap pengetahuannya kepada para hamba-Nya hanyalah sedikit saja. Nabi Muhammad sebagai Utusan Allah juga sama seperti manusia biasa yang mempunyai sisi manusiawi yang memiliki umur dan usia. Rasulullah memiliki keterbatasan waktu di dunia ini untuk menjalankan tugas Dakwahnya kepada para ummatnya setelahnya, maka kemudian Allah mewariskan tugas ini kepada para ulama yang shalih yang sudah mencapai kesucian ruh dan beberapa telah Allah berikan bashiroh (pandangan yang jelas) kepadanya. Siapa mereka? Mereka adalah para Wali Allah. Para Wali Allah sebagai ahli bashiroh telah dibukakan mata hatinya untuk mengetahui jalan menuju Allah, mereka inilah yang disebut Warasatul Anbiya. Post ini adal...
Posting Komentar
🔗BACA SELENGKAPNYA »