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

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 »

CARA MELAKUKAN KADERISASI DENGAN MEMILIH KARYAWAN TERBAIK

🔓Owner Post Published 🕕
CARA MELAKUKAN KADERISASI DENGAN MEMILIH KARYAWAN TERBAIK Salah satu hal yang sulit di dalam sebuah usaha adalah mencari karyawan yang sesuai dengan keinginan atau kriteria Anda yang tentunya berkualitas dan mampu dalam menjalankan tugasnya. Mencari orang yang tepat membutuhkan sebuah konsentrasi yang cukup tinggi dan juga pengalaman yang banyak. Ketika usaha Anda masih baru, tetapi permintaan pasar semakin besar maka Anda pasti membutuhkan beberapa karyawan. Oleh karena itu ada beberapa langkah dan cara melakukan kaderisasi yang dapat Anda gunakan untuk mempermudah di dalam mendapatkan karyawan yang berkualitas sesuai dengan keinginan dan kriteria, antara lain sebagai berikut : Menentukan kualifikasi Sebelum mencari karyawan, Anda harus menentukan sebuah kualifikasi terlebih dahulu atau dengan cara melakukan kaderisasi. Karena pada setiap posisi di dalam usaha tentu membutuhkan seseorang dengan kualitas tertentu. Contohnya pada saat Anda mencari marketing, maka harus me...
Posting Komentar
🔗BACA SELENGKAPNYA »

OMZET BISNIS PARSEL DIMUSIM PANDEMI COVID-19 MENGGIURKAN

🔓Owner Post Published 🕕
ilustrasi parsel Telah menjadi tradisi, pada perayaan hari-hari besar keagamaan seperti lebaran, natal, imlek saling memberikan bingkisan parsel kepada keluarga, teman, dan relasi. Hal ini bisa dijadikan peluang bisnis parsel. Bisnis ini mendatangkan untung besar, sekitar Rp4 juta - Rp5 juta per bulannya. Namun kali bisnis parsel dimusim pandemi Covid-19 tidak kalah penting, apalagi dengan diberlakukannya PPKM oleh Pemerintah. Jangan khawatir, bisnis parsel ini juga bisa dijalankan di hari biasa. Banyak juga platform bisnis online yang ikut andil menjalan usaha ini adalah ; tokopedia, soophe, dan bukalapak. Penjualan parcel sebetulnya sudah ada langganan setiap tahunnya, namun biasanya jika kondisi sepi seperti ini, para pedagang mengandalkan langganan mereka yang biasa membeli parsel, pada umumnya mereka dari perusahaan atau perorangan. Mengutip dari buku Top 50 Bisnis Super Laris Paling Dicari  berikut persiapan dan tips jitu sukses bisnis parsel. Persiapan yang harus dilakukan a...
Posting Komentar
🔗BACA SELENGKAPNYA »

KOMUNIKASI VERBAL

🔓Owner Post Published 🕕
KOMUNIKASI VERBAL :  Istilah verbal dalam kamus bahasa indonesia adalah lisan, maksudnya   komunikasi dilakukan antara pembicara dan pendengar hanya menggunakan lisan   saja. Sedangkan dalam ilmu komunikasi menyatakan bahwa istilah komunikasi   verbal yaitu proses penyampaian informasi berupa lisan dan tulisan. Komunikasi verbal adalah bentuk komunikasi yang ada dalam kehidupan manusia  dalam hubungan atau interaksi sosialnya pengertian komunikasi verbal   (verbal communication) adalah bentuk komunikasi yang disampaikan  komunikator kepada komunikan dengan lisan (oral) atau tulisan (written).  Dari pengertian komunikasi verbal tersebut maka jelas peranannya sangat   besar karena sebagian proses komunikasi langsung dengan komunikasi verbal   ide-ide, pemikiran atau keputusan lebih mudah disampaikan secara verbal   daripada non verbal. Pada komunikasi verbal ini komunikan juga lebih mudah...
Posting Komentar
🔗BACA SELENGKAPNYA »