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

USIR KERAGUAN TERHADAP DIRI SENDIRI

🔓Owner Post Published 🕕
Ada kalanya seorang pemimpin merasa dirinya tidak bisa dan tidak berguna untuk anak buah dan perusahaannya. Meragukan diri sendiri akan secara perlahan menumbuhkan keraguan bahwa perusahaan akan mampu untuk tumbuh besar. Jangan ragukan sedikitpun kemampuan diri kita dalam memimpin suatu perusahaan atau seseorang. Saat ada mereka yang memilih kita untuk menjadi seorang pemimpin, maka itu prestasi yang patut kita banggakan. Usir keraguan terhadap diri sendiri dengan memuji apa yang telah kita capai, tapi ingat jangan terlalu berlebihan. Jadikan ini sebagai prestasi untuk diri sendiri, dan untuk menumbuhkan semangat terhadap diri sendiri.  Keberhasilan seseorang ditentukan oleh seberapa kuat kemauannya untuk maju. Halangan dan rintangan akan selalu datang, karena hidup memang tidak pernah akan mulus selamanya. Banyak orang yang mundur dari usahanya mencapai kesuksesan karena terlalu banyak keraguan yang berputar-putar di otaknya. Dilansir dari Women's Health, berikut ini langkah...
Posting Komentar
🔗BACA SELENGKAPNYA »

PELUANG BISNIS BARU DARI SOSIS IKAN BAKAR

🔓Owner Post Published 🕕
Peluang Bisnis Baru Dari Sosis Ikan Bakar Sosis adalah salah satu jenis olahan dengan bahan dasar daging yang cukup populer. Semakin meningkatnya popularitas sosis di tengah kehidupan masyarakat membuat jenis sosis juga sangat beragam dan banyak dijumpai dipasaran, salah satunya adalah sosis ikan.   Tingginya kandungan gizi yang terdapat dalam sosis ikan dengan rasanya yang enak dan lezat membuat makanan ini banyak digemari oleh semua kalangan masyarakat. Peluang bisnis di bidang kuliner atau makanan memang penuh dengan kreativitas dan selalu saja ada ide bisnis baru yang banyak bermunculan.  Salah satunya sosis ikan yang sekarang ini cukup populer dengan penyajiannya yang sederhana yaitu sosis bakar. Jika Anda tertarik untuk membuka bisnis sosis ikan bakar, maka Anda dapat membuka usaha ini di tempat-tempat yang ramai dan potensial seperti tempat nongkrong anak muda, kompleks perumahan, sekitar kampus, dan lain sebagainya.  Konsumen Sosis ikan bakar...
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 »

TIGA GAGASAN MEMBANTU MENDAPATKAN MANFAAT MAKSIMUM

🔓Owner Post Published 🕕
Di bawah ini adalah tiga  gagasan yang akan membantu Anda mendapatkan manfaat maksimum dari buku ini: 1. Baca seluruh artikel sesegera mungkin. Akan tetapi, jangan membaca dengan terlalu cepat. Biarkan tiap gagasan dan tiap prinsip meresap sehingga Anda dapat melihat secara persis bagaimana gagasan dan prinsip tersebut berlaku bagi Anda. 2. Berikutnya, habiskan satu minggu untuk mempelajari, benar-benar mempelajari, tiap bab. Rencana yang bagus sekali adalah menuliskan di atas sepotong kartu kecil prinsip yang diringkas pada akhir tiap tulisan. Tiap pagi selama seminggu katakan kepada diri Anda sendiri, "Hari ini, saya akan menerapkan prinsip-prinsip ini." Kemudian, baca ulang. Bawa kartu tersebut bersama Anda. Sepanjang hari bersangkutan baca kartu tersebut beberapa kali. Tiap malam tinjau seberapa baik Anda sudah berhasil dalam menerapkan tiap prinsip. Buat resolusi untuk bekerja lebih baik lagi besok. 3. Sesudah Anda menghabiskan waktu seminggu dengan tiap ...
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 »